html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font - size: 100 % ;
    font: inherit;
    vertical - align: baseline
}
body {
    line - height: 1.5
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list - style: none;
    list - style - image: none;
    margin: 0;
    padding: 0
}
blockquote,
q {
    quotes: none
}
blockquote: before,
blockquote: after,
q: before,
q: after {
    content: '';
    content: none
}
a {
    margin: 0;
    padding: 0;
    font - size: 100 % ;
    vertical - align: baseline;
    background: transparent
}
ins {
    background - coloror: #ff9;
    color: #000;
    text - decoration: none
}
mark {
    background - color: #ff9;
    color: #000;
    font - style: italic;
    font - weight: bold
}
del {
    text - decoration: line - through
}
abbr[title],
dfn[title] {
    border - bottom: 1px dotted;
    cursor: help
}
table {
    border - collapse: collapse;
    border - spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border - top: 1px solid#ccc;
    margin: 1em 0;
    padding: 0
}
em {
    font - style: normal
}@font - face {
    font - family: "towericon";
    src: url("towericon.woff");
    src: url("towericon.eot");
    src: url("towericon.eot?#iefix") format("embedded-opentype"),
    url("towericon.woff") format("woff"),
    url("towericon.ttf") format("truetype")
}.workspace.sheet.sheet - active html {
    overflow - y: scroll
}
body {
    background: #f6f7f1 url(/assets/bg - 8bed488ceb8bcd20ff2e633b62c9242c.png) repeat 0 0
}
body.wrapper {
    width: 1020px;
    margin: 0 auto
}.header {
    width: 960px;
    height: 30px;
    margin: 30px auto;
    position: relative; * zoom: 1
}.header: before,
.header: after {
    display: table;
    content: ""
}.header: after {
    clear: both
}.header.new - feature a {
    text - indent: -999em;
    background: url(/assets/tip - feature - f3822e6e7844dd1a0eaff71cb7f330e0.png) no - repeat;
    width: 90px;
    height: 18px;
    position: absolute;
    z - index: 999;
    top: -20px;
    left: 120px
}.header.logo {
    display: block;
    float: left;
    margin: 0 0 0 5px
}.header.logo a {
    display: block;
    width: 124px;
    height: 100 % ;
    overflow: hidden;
    text - indent: -9999px;
    background: url("logo-dark.png") 0 center no - repeat
}.header.nav {
    float: left;
    margin - left: 30px
}.header.nav li {
    float: left;
    margin: 0 15px
}.header.nav li a {
    float: left;
    color: #999999;
    font - size: 16px;
    line - height: 30px;
    display: block;
    text - shadow: 1px 1px rgba(255, 255, 255, 0.75)
}.header.nav li a: hover {
    color: #666666
}.header.nav li.active a {
    color: #666666
}.header.nav li#nav - notifications {
    position: relative
}.header.nav li#nav - notifications.link {
    float: left;
    display: none
}.header.nav li#nav - notifications.label {
    display: block;
    float: left;
    margin: 6px 0 0 0;
    padding: 3px 4px;
    line - height: 12px;
    font - size: 12px;
    color: #ffffff;
    background: #c0c5c4;
    text - shadow: none; - moz - border - radius: 2px; - webkit - border - radius: 2px;
    border - radius: 2px
}.header.nav li#nav - notifications.label.unread {
    display: block;
    background: #d27b4b
}.header.nav li#nav - notifications.noti - pop {
    display: none;
    position: absolute;
    top: 40px;
    left: -17px;
    z - index: 100;
    width: 400px;
    border: 1px solid#ddd;
    background: #fff; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px; - webkit - box - shadow: 0 2px 8px rgba(0, 0, 0, 0.2); - moz - box - shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box - shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}.header.nav li#nav - notifications.noti - pop.on {
    display: block
}.header.nav li#nav - notifications.noti - pop.noti - pop - list {
    overflow - x: hidden;
    overflow - y: auto;
    max - height: 400px; - moz - border - radius: 4px 4px 0 0; - webkit - border - radius: 4px 4px 0 0;
    border - radius: 4px 4px 0 0; * zoom: 1
}.header.nav li#nav - notifications.noti - pop.noti - pop - list: before,
.header.nav li#nav - notifications.noti - pop.noti - pop - list: after {
    display: table;
    content: ""
}.header.nav li#nav - notifications.noti - pop.noti - pop - list: after {
    clear: both
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice {
    float: none;
    margin: 0;
    padding: 0;
    border - bottom: 1px solid#eee;
    position: relative; * zoom: 1
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice: before,
.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice: after {
    display: table;
    content: ""
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice: after {
    clear: both
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice: first - child.link { - moz - border - radius: 4px 4px 0 0; - webkit - border - radius: 4px 4px 0 0;
    border - radius: 4px 4px 0 0
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link {
    display: block;
    float: none;
    padding: 10px 60px 10px 10px;
    line - height: 1.5;
    color: #333;
    font - size: 13px;
    word - 
    break: break - word; * zoom: 1
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link: hover {
    background: #f9f9f9
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link: before,
.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link: after {
    display: table;
    content: ""
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link: after {
    clear: both
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link.title {
    font - weight: bold;
    color: #000000
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.link.content {
    margin: 0 0 0 5px
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.date {
    position: absolute;
    top: 11px;
    right: 6px;
    color: #aaa;
    font - size: 12px
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.attachments {
    display: none
}.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.member - avatar,
.header.nav li#nav - notifications.noti - pop.noti - pop - list.notice.comments - count {
    display: none
}.header.nav li#nav - notifications.noti - pop.noti - pop - empty {
    width: 100 % ;
    padding: 20px 0;
    text - align: center;
    font - size: 14px;
    color: #aaa
}.header.nav li#nav - notifications.noti - pop.noti - pop - action {
    margin - top: -1px;
    border - top: 1px solid#eee;
    background: #f7f7f7; * zoom: 1; - moz - border - radius: 0 0 4px 4px; - webkit - border - radius: 0 0 4px 4px;
    border - radius: 0 0 4px 4px
}.header.nav li#nav - notifications.noti - pop.noti - pop - action: before,
.header.nav li#nav - notifications.noti - pop.noti - pop - action: after {
    display: table;
    content: ""
}.header.nav li#nav - notifications.noti - pop.noti - pop - action: after {
    clear: both
}.header.nav li#nav - notifications.noti - pop.noti - pop - action a {
    padding: 5px 10px;
    color: #4298ba
}.header.nav li#nav - notifications.noti - pop.noti - pop - action a: hover {
    color: #0f769f
}.header.nav li#nav - notifications.noti - pop.noti - pop - action.mark - as - read {
    color: #999
}.header.nav li#nav - notifications.noti - pop.noti - pop - action.mark - as - read: hover {
    color: #cf372b
}.header.nav li#nav - notifications.noti - pop.noti - pop - action.noti - all - link {
    float: right;
    font - size: 12px
}.header.nav li#nav - notifications.noti - pop: before {
    content: "";
    display: block;
    position: absolute;
    z - index: 100;
    top: -10px;
    left: 15px;
    border: 10px solid transparent;
    border - bottom: 10px solid#fff;
    border - top: 0
}.header.nav li#nav - notifications.noti - pop: after {
    content: "";
    display: block;
    position: absolute;
    top: -11px;
    left: 14px;
    border: 11px solid transparent;
    border - bottom: 11px solid#ddd;
    border - top: 0
}.header.account - info {
    float: right
}.header.account - info li {
    float: left;
    margin - left: 15px;
    line - height: 12px;
    padding: 8px 0 10px
}.header.account - info li a {
    display: block;
    float: left;
    color: #999999;
    font - size: 12px;
    line - height: 12px;
    text - shadow: 1px 1px rgba(255, 255, 255, 0.75)
}.header.account - info li a: hover {
    color: #666666
}.header.account - info li.active a {
    color: #666666
}.header.search - wrap {
    float: right;
    position: relative
}.header.search - wrap#txt - search {
    width: 150px;
    font - size: 12px;
    line - height: 15px;
    border: 1px solid#ccc;
    opacity: 0;
    padding: 6px 10px 6px 28px; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px; - webkit - transition: opacity 300ms ease - in-out; - moz - transition: opacity 300ms ease - in-out;
    transition: opacity 300ms ease - in-out
}.header.search - wrap#txt - search.enter {
    background: #fff url(/assets/icon - enter - key - 85ea1f3d6deb90d9a48d4cdc5e34298a.png) no - repeat 165px 8px
}.header.search - wrap.link - search {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/assets/icon - search - 826b423933f04a3081f489bb68dfdb3e.png) no - repeat - 12px 0;
    position: absolute;
    z - index: 5;
    top: 8px;
    left: 165px;
    overflow: hidden;
    text - indent: -9999px; - webkit - transition: left 200ms ease - in-out; - moz - transition: left 200ms ease - in-out;
    transition: left 200ms ease - in-out
}.header.search - wrap.link - search: hover {
    background - position: 0 0
}.header.search - wrap.search - mask {
    width: 100 % ;
    height: 100 % ;
    position: absolute;
    top: 0;
    left: 0;
    background: #f6f7f1 url(/assets/bg - 8bed488ceb8bcd20ff2e633b62c9242c.png) repeat 0 0;
    z - index: 2
}.header.search - wrap.active#txt - search {
    opacity: 1
}.header.search - wrap.active.link - search {
    left: 10px;
    background - position: 0 0
}.header.search - wrap.active.search - mask {
    display: none
}.footer {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
    font - size: 12px;
    color: #aaaaaa;
    text - align: center
}.footer a {
    color: #aaaaaa
}.footer a: hover {
    color: #aaaaaa;
    text - decoration: underline
}.container {
    width: 960px;
    margin: 0 auto
}.workspace {
    position: relative
}.workspace.page {
    width: 960px;
    min - height: 600px;
    opacity: 1;
    position: relative; * zoom: 1
}.workspace.page: before,
.workspace.page: after {
    display: table;
    content: ""
}.workspace.page: after {
    clear: both
}.workspace.page.hidden {
    opacity: 0
}.workspace.page.loading {
    background: url(/assets/loading - huge - 9406b83fe660ec967514ddecebc1763f.gif) no - repeat 50 % 200px
}.workspace.page.empty {
    min - height: 9999px
}.workspace.page.project - archived: before {
    content: "";
    position: absolute;
    top: -30px;
    left: 200px;
    z - index: 5;
    display: block;
    width: 129px;
    height: 122px;
    overflow: hidden;
    background: url(/assets/project - archived - seal - 91c25ff74b3b1e88e57a27f2c88e2914.png) no - repeat 0 0
}.workspace.page.page - inner {
    padding: 0 40px 40px
}.workspace.page h2 {
    font - size: 24px;
    font - family: "Helvetica Neue",
    Helvetica,
    Arial,
    "Microsoft Yahei",
    "SimHei",
    Sans - serif;
    line - height: 24px;
    margin: 20px 0 50px 0;
    color: #84a099;
    text - align: center
}.workspace.page h3 {
    font - size: 20px;
    font - family: "Helvetica Neue",
    Helvetica,
    Arial,
    "Microsoft Yahei",
    "SimHei",
    Sans - serif;
    line - height: 28px;
    margin: 30px 0;
    color: #84a099; * zoom: 1
}.workspace.page h3: before,
.workspace.page h3: after {
    display: table;
    content: ""
}.workspace.page h3: after {
    clear: both
}.workspace.page h3.title {
    float: left
}.workspace.page h3 a.title {
    color: #84a099
}.workspace.page h3 a.title: hover {
    color: #4298ba
}.workspace.page h3.btn - mini {
    font - family: Helvetica,
    Arial;
    float: left;
    margin: 0 0 0 20px
}.workspace.page h3.info {
    font - size: 12px;
    color: #cccccc;
    margin: 0 0 0 10px
}.workspace.page h4 {
    font - size: 16px;
    color: #000000;
    margin: 30px 0 10px
}.workspace.sheet {
    background: #f7f8f6;
    border: 1px solid#dbdfd6;
    top: 0
}.workspace.sheet.hidden {
    top: 50px
}.workspace.sheet.sheet {
    left: -1px; - webkit - box - shadow: 0 - 1px 2px rgba(0, 0, 0, 0.05); - moz - box - shadow: 0 - 1px 2px rgba(0, 0, 0, 0.05);
    box - shadow: 0 - 1px 2px rgba(0, 0, 0, 0.05)
}.workspace.sheet.sheet.sheet - header.link - parent - sheet {
    font - size: 16px;
    line - height: 40px;
    font - weight: 100
}.workspace.sheet.sheet.sheet - 1 {
    z - index: 10
}.workspace.sheet.sheet.sheet - 2 {
    z - index: 20
}.workspace.sheet.sheet.sheet - 3 {
    z - index: 30
}.workspace.sheet.sheet.sheet - 4 {
    z - index: 40
}.workspace.sheet.sheet - active {
    background - color: #ffffff;
    border - color: #ffffff; - webkit - box - shadow: 0 0 5px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box - shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border - color: #ccc\9
}.workspace.sheet.loading {
    min - height: 1000px
}.workspace.sheet.loading.sheet - header.link - parent - sheet: hover {
    background: none
}.workspace.sheet.sheet - header.link - parent - sheet {
    display: block;
    padding: 0 30px;
    font - size: 20px;
    font - family: "Helvetica Neue",
    Helvetica,
    Arial,
    "Microsoft Yahei",
    "SimHei",
    Sans - serif;
    line - height: 50px;
    color: #4298ba
}.workspace.sheet.sheet - header.link - parent - sheet: hover {
    background: #f9f9f9
}.center - box {
    width: 500px;
    overflow: hidden;
    margin: 80px auto 0; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px; - webkit - box - shadow: 0 1px 2px rgba(0, 0, 0, 0.5); - moz - box - shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box - shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}.center - box.hd {
    background: #a5bbb6;
    color: #fff;
    line - height: 60px;
    height: 60px;
    overflow: hidden;
    padding: 0 30px
}.center - box.hd.logo {
    float: left;
    width: 108px
}.center - box.hd.logo a {
    display: block;
    text - indent: -9999px;
    overflow: hidden;
    background: url(/assets/logo - e0fd7a0fb0edbebc2b6d49ce774c57d9.png) no - repeat 0 21px
}.center - box.hd.title {
    display: block;
    float: left;
    font - size: 20px;
    line - height: 20px;
    padding: 22px 0 18px;
    margin: 0 0 0 15px;
    vertical - align: middle
}.center - box.bd {
    background: #fff;
    padding: 30px
}.center - box.bd h3 {
    font - size: 24px;
    margin - bottom: 20px;
    color: #8aac46
}.center - box.bd p {
    margin - top: 1em
}.center - box.corner {
    float: right
}.center - box.corner a {
    color: #fff
}.center - box.corner a: hover {
    color: #eee
}.topbar {
    padding: 40px 0; * zoom: 1
}.topbar: before,
.topbar: after {
    display: table;
    content: ""
}.topbar: after {
    clear: both
}.topbar.logo {
    float: left
}.topbar.logo a {
    display: block;
    width: 124px;
    height: 26px;
    overflow: hidden;
    text - indent: -9999px;
    background: url(logo - dark.png) no - repeat 0 0
}.topbar.account - info {
    margin - top: 8px;
    float: right;
    font - size: 12px
}.topbar.account - info.welcome {
    color: #666
}.topbar.account - info.email {
    display: none
}.topbar.account - info.nickname {
    display: inline
}.topbar.account - info a {
    color: #99aaa5;
    margin - left: 10px
}.topbar.account - info a: hover {
    color: #666666
}#link - feedback {
    display: block;
    padding: 10px;
    border - radius: 4px 0 0 4px;
    color: #aaa;
    width: 10px;
    text - align: center;
    font - size: 12px;
    background: #f9f9f9;
    position: fixed;
    right: 0;
    bottom: 0;
    z - index: 9990; - webkit - box - shadow: 1px 2px 8px rgba(80, 50, 0, 0.2); - moz - box - shadow: 1px 2px 8px rgba(80, 50, 0, 0.2);
    box - shadow: 1px 2px 8px rgba(80, 50, 0, 0.2)
}#link - feedback: hover {
    text - decoration: none;
    background: #fff;
    width: 14px;
    transition: width 100ms; - moz - transition: width 100ms; - webkit - transition: width 100ms
}#dialog - feedback.dialog - buttons {
    border - top: none;
    padding: 0
}.avatar {
    height: 50px;
    width: 50px;
    display: block; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % 
}.btn {
    display: inline - block;
    padding: 8px 12px;
    margin: 0 10px 0 0;
    color: #fff;
    background - color: #a6bbb6; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px;
    border: none;
    font - size: 14px;
    cursor: pointer
}.btn: hover {
    background: #aac5bf;
    color: #fff
}.btn: focus { - webkit - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6); - moz - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6);
    box - shadow: 0 0 6px rgba(121, 176, 237, 0.6)
}.btn: active {
    background: #afd3ca
}.btn.disabled,
.btn[disabled] {
    background: #ccc;
    color: #eee;
    cursor: default
}.btn.success {
    background:
    #efefef;
    color:
    #439300;
    cursor:
default
}.btn.btn - mini {
    padding: 5px 10px;
    color: #000000;
    line - height: normal;
    background: #ffffff;
    border: 1px solid#ccc; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px; - webkit - box - shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); - moz - box - shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box - shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}.btn.btn - mini: hover {
    background: #f3f3f3;
    color: #000000
}.btn.btn - mini: active { - webkit - box - shadow: 0 0 0 rgba(0, 0, 0, 0); - moz - box - shadow: 0 0 0 rgba(0, 0, 0, 0);
    box - shadow: 0 0 0 rgba(0, 0, 0, 0);
    position: relative;
    top: 1px
}.btn.btn - large {
    padding: 10px 30px;
    font - size: 16px
}.btn.btn - primary {
    color: #fff;
    background: #8baf47
}.btn.btn - primary: hover {
    background: #9fc25b
}.btn.btn - primary: active {
    background: #b6d971
}.btn.btn - primary.disabled,
.btn.btn - primary[disabled] {
    background: #ccc;
    color: #f3f3f3;
    cursor: default
}.btn.btn - primary.success {
    background: #efefef;
    color: #439300;
    cursor: default
}.btn.btn - x {
    background: transparent;
    font - size: 12px;
    color: #888
}.btn.btn - x: hover {
    color: #06a
}.btn.btn - x: active {
    color: #27c
}.btn.btn - x.disabled,
.btn.btn - x[disabled] {
    color: #ddd;
    cursor: default
}.btn.btn - x: focus { - webkit - box - shadow: 0 0 0 rgba(0, 0, 0, 0); - moz - box - shadow: 0 0 0 rgba(0, 0, 0, 0);
    box - shadow: 0 0 0 rgba(0, 0, 0, 0)
}.alert {
    position: fixed;
    top: 40px;
    left: 50 % ;
    display: block;
    z - index: 120;
    padding: 10px 20px;
    text - align: center;
    font - size: 14px; - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.alert.alert - info {
    background: #daeeec;
    color: #555
}.alert.alert - success {
    background: #a7c955;
    color: #f4ffcf
}.alert.alert - warn {
    background: #f6d244;
    color: #55382f
}.alert.alert - error {
    background: #e85b3f;
    color: #fff9ec
}.alert.hide { - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out
}.inform {
    font - size: 14px;
    padding: 10px 20px;
    margin - bottom: 20px; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.inform.inform - info {
    background: #daeeec;
    color: #555
}.inform.inform - success {
    background: #a7c955;
    color: #f4ffcf
}.inform.inform - warn {
    background: #f6d244;
    color: #55382f
}.inform.inform - error {
    background: #e85b3f;
    color: #fff9ec
}#mask {
    width: 100 % ;
    height: 100 % ;
    position: fixed;
    top: 0;
    left: 0;
    z - index: 9998;
    background - color: #000;
    opacity: 0.6;
    cursor: pointer; - webkit - transition: opacity 250ms ease - in-out; - moz - transition: opacity 250ms ease - in-out;
    transition: opacity 250ms ease - in-out
}#mask.hidden {
    opacity: 0
}.global - loading {
    padding: 20px 20px 20px 60px;
    background: #fff url(/assets/loading - b82a3823017fd8cdd7a595e38a196189.gif) no - repeat 15px 16px;
    border - radius: 6px;
    position: fixed;
    top: 50 % ;
    left: 50 % ;
    margin: 0 0 0 - 9999px;
    z - index: 9999
}.dialog {
    position: fixed;
    top: 50 % ;
    left: 50 % ;
    width: 400px;
    z - index: 9999;
    background - color: #ffffff;
    border: 1px solid#ccc;
    margin: 0 0 0 - 9999px;
    border - radius: 4px; - webkit - box - shadow: 0 0 30px rgba(0, 0, 0, 0.5); - moz - box - shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box - shadow: 0 0 30px rgba(0, 0, 0, 0.5)
}.dialog.dialog - wrapper {
    padding: 20px 30px
}.dialog.dialog - wrapper h3 {
    font - size: 24px;
    color: #84A099;
    margin: 10px 0 20px 0
}.dialog.dialog - wrapper.message - content p {
    padding: 20px 0 10px 0;
    font - size: 18px;
    color: #000000;
    line - height: 1.8
}.dialog.dialog - wrapper.dialog - buttons {
    margin: 20px 0 0 0;
    padding: 20px 10px 10px 0; * zoom: 1
}.dialog.dialog - wrapper.dialog - buttons: before,
.dialog.dialog - wrapper.dialog - buttons: after {
    display: table;
    content: ""
}.dialog.dialog - wrapper.dialog - buttons: after {
    clear: both
}.dialog.dialog - wrapper.dialog - buttons button {
    float: left;
    margin: 0 0 0 2px
}.dialog.dialog - wrapper.dialog - buttons a {
    display: block;
    float: left;
    color: #666666;
    line - height: 33px;
    font - size: 12px;
    margin: 0 0 0 20px
}.dialog.dialog - wrapper.dialog - buttons a: hover {
    color: #06a
}.dialog.link - close - dialog {
    display: block;
    width: 14px;
    height: 14px;
    background: url(/assets/icon - close - 2bff604ebd9780d00513ed6a7351f63c.png) no - repeat 0 0;
    text - indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 20px
}.tooltip {
    background: #666666;
    border - radius: 2px;
    padding: 6px 0;
    position: absolute;
    top: 0;
    left: -9999px;
    z - index: 9999; - webkit - box - shadow: 0 0 4px rgba(0, 0, 0, 0.3); - moz - box - shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box - shadow: 0 0 4px rgba(0, 0, 0, 0.3)
}.tooltip.transition { - webkit - transition: top 150ms ease - in-out,
    opacity 150ms ease - in-out; - moz - transition: top 150ms ease - in-out,
    opacity 150ms ease - in-out;
    transition: top 150ms ease - in-out,
    opacity 150ms ease - in-out
}.tooltip.tooltip - arrow {
    width: 13px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 50 % ;
    margin: 0 0 0 - 7px;
    background: url(/assets/tooltip - arrow - 050ec2faef29bd12b9bb0f5d43802db7.png) no - repeat center 0
}.tooltip.tooltip - content {
    padding: 4px 12px;
    font - size: 12px;
    line - height: 12px;
    color: #ffffff;
    white - space: nowrap
}.tabs {
    margin: 30px 0;
    border - bottom: 1px solid#ccc; * zoom: 1
}.tabs: before,
.tabs: after {
    display: table;
    content: ""
}.tabs: after {
    clear: both
}.tabs li {
    float: left;
    border: 1px solid transparent;
    border - bottom: none;
    background: #ffffff;
    margin: 0 0 0 10px;
    position: relative; - moz - border - radius: 4px 4px 0 0; - webkit - border - radius: 4px 4px 0 0;
    border - radius: 4px 4px 0 0
}.tabs li a {
    display: block;
    float: left;
    font - size: 16px;
    color: #666666;
    line - height: 18px;
    padding: 11px 22px 9px
}.tabs li a: hover {
    color: #999999
}.tabs li.active {
    border - color: #cccccc;
    top: 1px
}.tabs li.active a: hover {
    color: #666666;
    cursor: default
}.gallery - wrapper {
    width: 100 % ;
    height: 100 % ;
    position: fixed;
    top: 0;
    left: 0;
    z - index: 9999;
    cursor: pointer
}.gallery - wrapper.mask {
    width: 100 % ;
    height: 100 % ;
    background: #000000;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0; - webkit - transition: opacity 250ms ease - in-out; - moz - transition: opacity 250ms ease - in-out;
    transition: opacity 250ms ease - in-out
}.gallery - wrapper.loading.mask {
    opacity: 0
}.gallery - wrapper#gallery - img {
    position: absolute;
    cursor: pointer;
    transition: width 250ms,
    height 250ms,
    top 250ms,
    left 250ms; - moz - transition: width 250ms,
    height 250ms,
    top 250ms,
    left 250ms; - webkit - transition: width 250ms,
    height 250ms,
    top 250ms,
    left 250ms
}.gallery - wrapper#gallery - img img {
    display: block;
    width: 100 % ;
    height: 100 % ;
    background: #ffffff; - webkit - box - shadow: 0 0 10px#333; - moz - box - shadow: 0 0 10px#333;
    box - shadow: 0 0 10px#333
}.gallery - wrapper#gallery - img.loading - indicator {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50 % ;
    left: 50 % ;
    margin: -15px 0 0 - 15px;
    background: #fff url(/assets/loading - b82a3823017fd8cdd7a595e38a196189.gif) no - repeat 50 % 50 % ; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % 
}.gallery - wrapper#gallery - img.loading.loading - indicator {
    display: block
}.gallery - wrapper.gallery - img - name {
    position: absolute;
    left: 50 % ;
    width: 800px;
    margin - left: -400px;
    overflow: hidden;
    text - align: center;
    color: #eee;
    font - size: 12px;
    padding - top: 10px
}.gallery - wrapper.gallery - img - name span {
    cursor: default;
    display:
    inline - block;
    max - width: 600px;
    overflow: hidden;
    text - overflow: ellipsis;
    white - space: nowrap;
    vertical - align: bottom
}.gallery - wrapper.gallery - img - name a {
    color: #ccc
}.gallery - wrapper.gallery - img - name a: hover {
    color: #eee
}.gallery - wrapper.gallery {
    position: absolute;
    height: 60px;
    bottom: 20px;
    left: -9999px
}.gallery - wrapper.gallery li {
    float: left;
    margin: 0 20px 0 0
}.gallery - wrapper.gallery li a {
    display: block;
    border: 2px solid transparent;
    opacity: 0.8
}.gallery - wrapper.gallery li a img {
    display: block;
    height: 52px;
    width: auto
}.gallery - wrapper.gallery li a: hover {
    opacity: 1
}.gallery - wrapper.gallery li.selected a {
    border - color: #fff; - webkit - box - shadow: 0 0 10px rgba(0, 0, 0, 0.5); - moz - box - shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box - shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    opacity: 1
}
input[type = "text"],
input[type = "password"],
input[type = "email"],
textarea {
    display: block;
    width: 220px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid#ccc;
    outline: 0;
    font - size: 14px;
    line - height: 18px; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px; - webkit - box - shadow: none; - moz - box - shadow: none;
    box - shadow: none
}
input[type = "text"] : focus,
input[type = "password"] : focus,
input[type = "email"] : focus,
textarea: focus {
    border: 1px solid#64a8e2; - webkit - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6); - moz - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6);
    box - shadow: 0 0 6px rgba(121, 176, 237, 0.6)
}
input[type = "text"].error,
input[type = "password"].error,
input[type = "email"].error,
textarea.error {
    border: 1px solid#c21; - webkit - box - shadow: inset 0 0 10px rgba(204, 34, 17, 0.3); - moz - box - shadow: inset 0 0 10px rgba(204, 34, 17, 0.3);
    box - shadow: inset 0 0 10px rgba(204, 34, 17, 0.3)
}
input[type = "text"].error: focus,
input[type = "password"].error: focus,
input[type = "email"].error: focus,
textarea.error: focus { - webkit - box - shadow: 0 0 6px rgba(204, 34, 17, 0.6); - moz - box - shadow: 0 0 6px rgba(204, 34, 17, 0.6);
    box - shadow: 0 0 6px rgba(204, 34, 17, 0.6)
}
input[type = "text"][disabled],
input[type = "password"][disabled],
input[type = "email"][disabled],
textarea[disabled] {
    background: #efefef
}.fake - textarea {
    padding: 10px 15px;
    border: 1px solid#ccc;
    color: #999;
    font - size: 14px;
    cursor: text; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px
}
textarea {
    overflow: auto
}.form.form - item {
    margin - bottom: 20px
}.form.form - item input[type = "email"] {
    width: 320px
}.form.form - item input[readonly = "1"] {
    background: #f7f7f7;
    color: #999
}.form.form - item textarea {
    width: 500px;
    height: 60px
}.form.form - item.form - label {
    font - size: 16px;
    color: #555;
    margin: 0 0 0 2px
}.form.form - item.form - field {
    margin - top: 5px
}.form.form - item p.desc {
    font - size: 12px;
    color: #999;
    margin: 5px 0 0 2px
}.form.form - item p.error {
    margin: 5px 0 0 2px;
    font - size: 12px;
    color: #c21
}.form.form - buttons {
    margin: 30px 0 20px 0
}.form.form - editor.notify - title {
    font - size: 12px;
    line - height: 12px;
    color: #666666;
    margin: 0 0 0 2px
}.form.form - editor.notify - title.select - all {
    color: #cccccc
}.form.form - editor.notify - title.select - all a {
    color: #999999
}.form.form - editor.notify - title.select - all a: hover {
    text - decoration: underline
}.form.form - editor.member - list {
    padding: 0 0 0 2px; * zoom: 1
}.form.form - editor.member - list: before,
.form.form - editor.member - list: after {
    display: table;
    content: ""
}.form.form - editor.member - list: after {
    clear: both
}.form.form - editor.member - list li {
    float: left;
    margin: 5px 30px 0 0;
    font - size: 12px;
    color: #666666;
    height: 18px
}.form.form - editor.member - list li label {
    cursor: pointer
}.form.form - editor.member - list li label input {
    margin - right: 5px
}.todos - all { * zoom: 1
}.todos - all: before,
.todos - all: after {
    display: table;
    content: ""
}.todos - all: after {
    clear: both
}.todos - all.todolists - wrap {
    float: left
}.todos - all.filters - wrap {
    float: right
}.todos - all.filters - wrap h5 {
    font - size: 14px;
    color: #000;
    margin: 0 0 10px 0
}.todos - all.filters - wrap select {
    width: 180px;
    display: inline - block;
    margin - bottom: 10px
}.todos - all.filters - wrap.filter - desc {
    display: none;
    font - size: 12px;
    color: #999
}.todos - all.filters - wrap.filter - desc strong {
    padding - right: 5px;
    font - weight: bold;
    font - size: 14px
}.todos - all.filters - wrap.filter - desc em {
    font - style: normal;
    background: #FFF2AB;
    color: #000
}.todos - all.stick - option {
    font - size: 12px;
    margin - top: 20px;
    border - top: 1px dashed#d9d9d9;
    padding - top: 20px
}.todos - all.stick - option input {
    margin - right: 5px
}.todos - all.todolists - completed - wrap {
    clear: both;
    padding: 0 100px 0 0
}.todos - all.todolists - completed {
    color: #887;
    word - 
    break: break - all;
    word - wrap: break - word
}.todos - all.todolists - completed h5 {
    color: #555;
    font - size: 14px;
    display: inline - block;
    margin: 0 5px 0 0
}.todos - all.todolists - completed a {
    color: #999;
    font - size: 12px;
    margin: 0 0 0 5px
}.todos - all.todolists - completed a: hover {
    color: #0f769f
}.todos - all.todolists - completed.show - all {
    font - size: 12px
}.todos - all.todolists - completed.show - all a {
    margin: 0
}.todos - all.todolists - completed.all {
    display: none
}.todos - all.todo - history - link {
    margin - top: 10px
}.todos - all.todo - history - link a {
    font - size: 12px
}.todos - all.todo - history - link a: hover {
    color: #0f769f
}.todolist - form {
    margin: 0 0 30px 0
}.todolist - form input {
    width: 603px;
    margin - bottom: 10px;
    font - size: 16px;
    line - height: 1.5; - moz - border - radius: 3px; - webkit - border - radius: 3px;
    border - radius: 3px
}.todolists {
    width: 630px;
    margin: 0 0 0 2px; * zoom: 1
}.todolists: before,
.todolists: after {
    display: table;
    content: ""
}.todolists: after {
    clear: both
}.todolist {
    position: relative;
    margin: 0 0 20px 0
}.todolist.todolist - actions.close {
    display: inline ! important
}.todolist.todolist - actions.reopen {
    display: none ! important
}.todolist.todolist - completed.title h4 a {
    color: #999
}.todolist.todolist - completed.todolist - actions.close {
    display: none ! important
}.todolist.todolist - completed.todolist - actions.reopen {
    display: inline ! important
}.todolist a {
    color: #000
}.todolist a: hover {
    color: #0f769f
}.todolist.title {
    margin - bottom: 10px
}.todolist.title h4 {
    margin: 0 0 0 - 10px;
    padding: 0 0 0 10px
}.todolist.title h4 a {
    font - weight: bold;
    line - height: 24px
}.todolist.title.tl - todo - count {
    color: #555;
    font - size: 12px
}.todolist.title.actions {
    left: -105px
}.todolist.title: hover.actions {
    display: block
}.todolist.ui - sortable - helper,
.todolist.collapse {
    padding - bottom: 0;
    margin - bottom: 0
}.todolist.ui - sortable - helper.title,
.todolist.collapse.title {
    padding: 10px 10px 10px 10px;
    background: #fff; - webkit - box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3); - moz - box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3); - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.todolist.ui - sortable - helper.title.actions,
.todolist.ui - sortable - helper.title: hover.actions,
.todolist.collapse.title.actions,
.todolist.collapse.title: hover.actions {
    display: none
}.todolist.ui - sortable - helper.ui - sortable - helper a,
.todolist.collapse.ui - sortable - helper a {
    color: #0f769f
}.todolist.todo {
    font - size: 15px;
    padding: 2px 5px 2px 10px;
    margin: 0 0 0 - 10px;
    position: relative
}.todolist.todo.todo - wrap {
    padding - left: 30px;
    line - height: 1.6
}.todolist.todo.todo - content {
    word - wrap: break - word;
    word - 
    break: break - all
}.todolist.todo.todo - content span {
    display: none
}.todolist.todo input[type = "checkbox"] {
    font - size: 16px;
    vertical - align: middle;
    margin: -3px 5px 0 - 23px
}.todolist.todo.label {
    display: inline - block;
    position: relative;
    top: -2px;
    margin: 0 0 0 5px;
    padding: 4px 8px 4px;
    line - height: 1;
    background: #efefef;
    font - size: 12px;
    color: #999;
    font - style: normal;
    vertical - align: middle;
    white - space: nowrap;
    word - 
    break: keep - all;
    word - wrap: normal; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.todolist.todo.label: hover {
    color: #666666
}.todolist.todo.label: hover.comments - count.unread {
    background: #9db3bf
}.todolist.todo.label.comments - count.unread {
    background: #87A1AF;
    color: #fff
}.todolist.todo.label.no - assign {
    display: inline - block;
    border: 1px solid#eee;
    padding: 3px 7px 3px;
    color: #999999;
    background: none
}.todolist.todo.label.no - assign: hover {
    background: #eeeeee;
    color: #666666
}.todolist.todo.label.no - assign: hover.disabled {
    background: none;
    color: #999
}.todolist.todo.label.no - assign.popover - target {
    display: inline - block;
    background: #eee;
    color: #666
}.todolist.todo.label.disabled {
    color: #999;
    cursor: default
}.todolist.todo.label.delay {
    color:
    #d45d51;
    background:
    #fbdbdb
}.todolist.todo.label:
hover.delay {
    color:
    #c71807
}.todolist.todo.label.todo - proj {
    display: none
}.todolist.todo: hover.actions {
    display: block
}.todolist.todo.todo - actions.run {
    display: inline
}.todolist.todo.todo - actions.pause {
    display: none
}.todolist.todo.runner {
    display: inline - block;
    margin - left: -3px;
    height: 0px;
    width: 0;
    line - height: 0px; - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out;
    transition - delay: 0.1s; - moz - transition - delay: 0.1s; - webkit - transition - delay: 0.1s; - o - transition - delay: 0.1s
}.todolist.todo.runner img {
    width: 24px;
    height: 24px;
    opacity: 0; - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out; - webkit - transform: scale(0); - moz - transform: scale(0);
    transform: scale(0)
}.todolist.todo.runner.on {
    margin - left: 0;
    width: 24px;
    height: 16px;
    line - height: 24px; - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out
}.todolist.todo.runner.on img {
    opacity: 1; - webkit - transition: all 0.2s ease - in-out; - moz - transition: all 0.2s ease - in-out;
    transition: all 0.2s ease - in-out; - webkit - transform: scale(1); - moz - transform: scale(1);
    transform: scale(1);
    transition - delay: 0.1s; - moz - transition - delay: 0.1s; - webkit - transition - delay: 0.1s; - o - transition - delay: 0.1s
}.todolist.todo.running.todo - actions.run {
    display: none
}.todolist.todo.running.todo - actions.pause {
    display: inline
}.todolist.todo.completed {
    padding - top: 2px;
    padding - bottom: 2px
}.todolist.todo.completed.label {
    margin: 0;
    font - size: 12px;
    color: #999;
    background: none;
    top: 0
}.todolist.todo.completed input[type = "checkbox"] {
    font - size: 9px
}.todolist.todo.completed.todo - content a {
    color: #999999
}.todolist.todo.completed.todo - content a: hover {
    color: #0f769f
}.todolist.todo span.label.comments - count {
    display: none
}.todolist.todo.hl.todo - content {
    background: #FFF2AB;
    color: #000
}.todolist.todo.ui - draggable - dragging,
.todolist.todo.ui - sortable - helper {
    background: #fff; - webkit - box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3); - moz - box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box - shadow: 0 2px 6px rgba(0, 0, 0, 0.3); - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.todolist.todo.ui - draggable - dragging.actions,
.todolist.todo.ui - draggable - dragging: hover.actions,
.todolist.todo.ui - sortable - helper.actions,
.todolist.todo.ui - sortable - helper: hover.actions {
    display: none
}.todolist.todo.ui - draggable - dragging.todo - content a,
.todolist.todo.ui - sortable - helper.todo - content a {
    color: #0f769f
}.todolist.actions {
    position: absolute;
    left: -95px;
    top: -1px;
    z - index: 95;
    width: 100px;
    display: none
}.todolist.actions.inr {
    float: right;
    padding: 2px 5px 2px 10px;
    background: #fff;
    border - radius: 10px 0 0 10px; - webkit - box - shadow: -1px 0 1px rgba(0, 0, 0, 0.2); - moz - box - shadow: -1px 0 1px rgba(0, 0, 0, 0.2);
    box - shadow: -1px 0 1px rgba(0, 0, 0, 0.2); * zoom: 1
}.todolist.actions.inr: before,
.todolist.actions.inr: after {
    display: table;
    content: ""
}.todolist.actions.inr: after {
    clear: both
}.todolist.actions a {
    display: inline - block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 4px 5px;
    text - indent: -999px;
    overflow: hidden;
    background - image: url("todo-actions-icon.png");
    background - repeat: no - repeat
}.todolist.actions.del {
    background - position: 6px 5px
}.todolist.actions.del: hover {
    background - position: -24px 5px
}.todolist.actions.edit {
    background - position: 6px - 25px
}.todolist.actions.edit: hover {
    background - position: -24px - 25px
}.todolist.actions.run {
    background - position: 6px - 55px
}.todolist.actions.run: hover {
    background - position: -24px - 55px
}.todolist.actions.pause {
    background - position: 6px - 85px
}.todolist.actions.pause: hover {
    background - position: -24px - 85px
}.todolist.todo - assign - due - form {
    position: absolute;
    z - index: 100;
    background: #fff;
    padding: 10px 15px;
    width: 140px; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px; - webkit - box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3); - moz - box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3)
}.todolist.todo - assign - due - form select {
    width: 140px
}.todolist.todo - assign - due - form.arrow {
    position: absolute;
    width: 14px;
    height: 10px;
    top: -10px;
    left: 30px;
    z - index: 101;
    background: url(arrow - up.png) no - repeat 0 0 transparent
}.todos - completed {
    margin - top: 10px
}.todos.ui - sortable {
    min - height: 10px
}.todos.ui - sortable.sorting.actions {
    display: none
}.todo - placeholder {
    display: block;
    height: 13px;
    margin - left: -10px;
    margin - bottom: 13px;
    border - bottom: 2px dashed green
}.todolist - placeholder {
    display: block;
    height: 54px;
    margin: 0 0 0 - 10px
}.todo - new - wrap {
    margin: 5px 0 0 0
}.todo - new - wrap.btn - new - todo {
    font - size: 14px;
    background: none;
    color: #4298ba;
    padding - left: 0;
    padding - right: 0;
    border: none;
    box - shadow: none
}.todo - new - wrap.btn - new - todo: hover {
    color: #0f769f;
    background: none
}.todo - form {
    padding - left: 30px
}.todo - form input[type = checkbox] {
    float: left
}.todo - form.new input[type = checkbox] {
    display: none
}.todo - form.form textarea {
    width: 570px;
    margin - bottom: 10px; - moz - border - radius: 3px; - webkit - border - radius: 3px;
    border - radius: 3px;
    outline: 0;
    resize: none;
    font - size: 16px;
    line - height: 1.3;
    height: 20px
}.todo - form.form.todo - conditions {
    float: right;
    font - size: 12px;
    color: #bbbbbb;
    margin: 8px 0 0 0
}.todo - form.form.todo - conditions.condition {
    float: right
}.todo - form.form.todo - conditions.condition select {
    max - width: 126px;
    margin: 0 10px 0 0
}.todo - form.form.todo - conditions.condition.link - todo - due {
    color: #4298ba;
    text - decoration: underline;
    margin: 0 3px 0 0
}.todo - form.form.todo - conditions.condition.link - todo - due: hover {
    color: #0f769f
}.todo - form.edit {
    margin - top: 10px;
    margin - bottom: 10px
}.todo - form.edit input[type = checkbox] {
    font - size: 16px;
    vertical - align: middle;
    margin: 0px 5px 0 - 23px
}.assign - due - popover.select - assignee h3 {
    border - bottom: none
}.assign - due - popover.select - assignee.todo - assignee {
    margin: 0 0 12px 0;
    width: 166px
}.assign - due - popover.select - due - date input.todo - due - date {
    display: none
}.assign - due - popover.select - due - date.shortcuts {
    font - size: 12px;
    margin: 5px 0;
    padding: 0 0 0 5px
}.assign - due - popover.select - due - date.shortcuts a {
    margin: 0 5px 0 0;
    color: #bbbbbb
}.assign - due - popover.select - due - date.shortcuts a: hover {
    color: #999999
}.assign - due - popover.select - due - date.no - due - date {
    margin: 8px 0 2px 0;
    text - align: center;
    font - size: 12px
}.upload - limit - desc {
    color: #bbb;
    float: right;
    font - size: 11px;
    margin: 8px 5px 0 0
}.editor {
    position: relative;
    border: 1px solid#ccc; - webkit - box - shadow: none; - moz - box - shadow: none;
    box - shadow: none; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px
}.editor.focus {
    border: 1px solid#64a8e2; - webkit - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6); - moz - box - shadow: 0 0 6px rgba(121, 176, 237, 0.6);
    box - shadow: 0 0 6px rgba(121, 176, 237, 0.6)
}.editor.error {
    border: 1px solid#c21; - webkit - box - shadow: inset 0 0 15px rgba(204, 34, 17, 0.3); - moz - box - shadow: inset 0 0 15px rgba(204, 34, 17, 0.3);
    box - shadow: inset 0 0 15px rgba(204, 34, 17, 0.3)
}.editor.error.focus { - webkit - box - shadow: 0 0 6px rgba(204, 34, 17, 0.6); - moz - box - shadow: 0 0 6px rgba(204, 34, 17, 0.6);
    box - shadow: 0 0 6px rgba(204, 34, 17, 0.6)
}.editor textarea {
    position: absolute;
    left: -9999px;
    top: -9999px
}.editor.wysihtml5 - sandbox {
    width: 100 % ;
    padding: 0;
    margin: 0;
    min - height: 90px
}.editor.editor - toolbar {
    float: right;
    padding - bottom: 5px
}.editor.editor - toolbar.toolbar - button {
    display: block;
    float: left;
    width: 30px;
    height: 25px;
    opacity: 0.5;
    text - indent: -9999px;
    overflow: hidden
}.editor.editor - toolbar.toolbar - button: hover {
    opacity: 1
}.editor.editor - toolbar.toolbar - button.wysihtml5 - command - active {
    opacity: 1
}.editor.editor - toolbar.toolbar - button - em {
    background - image: url(/assets/icon - bold - a6bed52ce759deecfe0943e305995e82.png);
    background - repeat: no - repeat;
    background - position: center center
}.editor.editor - toolbar.toolbar - button - ul {
    background - image: url(/assets/icon - ul - f9117e58368e8f789165c92ae4dd8375.png);
    background - repeat: no - repeat;
    background - position: center center
}.editor.editor - toolbar.toolbar - button - ol {
    background - image: url(/assets/icon - ol - 5838cc80be381e9118cb59304a221c66.png);
    background - repeat: no - repeat;
    background - position: center center
}.editor.add - attachment {
    display: block;
    opacity: 0.5;
    float: right;
    text - indent: -999px;
    overflow: hidden;
    width: 30px;
    hegith: 25px;
    margin: 0 10px 0 0;
    background: url(/assets/icon - attachment - 4bceecac473d176f1a1861b3305b05ac.png) no - repeat center center
}.editor.add - attachment: hover {
    opacity: 1
}.editor.add - attachment.active {
    opacity: 1
}.editor.editor - attach - placeholder {
    background - color: #fff;
    height: 54px
}.editor.editor - attachments {
    background: #f9f9f9;
    overflow: hidden;
    line - height: 1;
    clear: both; - moz - border - radius: 0 0 5px 5px; - webkit - border - radius: 0 0 5px 5px;
    border - radius: 0 0 5px 5px
}.editor.editor - attachments.attachment { * zoom: 1;
    padding: 10px 15px;
    border - top: 1px solid#eee
}.editor.editor - attachments.attachment: before,
.editor.editor - attachments.attachment: after {
    display: table;
    content: ""
}.editor.editor - attachments.attachment: after {
    clear: both
}.editor.editor - attachments.attachment.ui - sortable - helper {
    background - color: #f0f1e6;
    border - bottom: 1px solid#eee
}.editor.editor - attachments.attachment img {
    display: block;
    float: left;
    height: 32px;
    border: 1px solid#ccc
}.editor.editor - attachments.attachment.name,
.editor.editor - attachments.attachment.size {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 10px 0 0 0;
    font - size: 12px
}.editor.editor - attachments.attachment.size {
    color: #999999
}.editor.editor - attachments.attachment.progress - bar {
    float: left;
    border: 1px solid#ccc;
    background: #ffffff;
    padding: 2px;
    margin: 11px 0 0 10px; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.editor.editor - attachments.attachment.progress - bar div {
    width: 100px;
    height: 5px
}.editor.editor - attachments.attachment.progress - bar div span {
    display: block;
    width: 1 % ;
    height: 100 % ;
    background: #0f769f; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.editor.editor - attachments.attachment.percent {
    display: block;
    float: left;
    font - size: 12px;
    padding: 10px 0 0 0;
    margin: 0 0 0 5px
}.editor.editor - attachments.attachment.percent.ie {
    background: url(loading - upload.gif) no - repeat center center;
    text - indent: -999px;
    margin - top: 5px;
    overflow: hidden
}.editor.editor - attachments.attachment.link - cancel {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(/assets/icon - delete - 978c337437a0af5cd6deda997981984c.png) no - repeat 0 0;
    margin: 10px 0 0 10px;
    text - indent: -9999px;
    overflow: hidden;
    opacity: 1
}.editor.editor - attachments.attachment.link - cancel: hover {
    opacity: 0.8
}.editor.editor - attachments.ui - sortable.attachment {
    cursor: move
}.editor - style {
    font - size: 16px;
    line - height: 1.6;
    color: #000000
}.editor - style a {
    color: #4298ba;
    text - decoration: none
}.editor - style a: hover {
    color: #0f769f
}.editor - style b {
    font - weight: bold
}.editor - style em {
    font - size: 18px;
    color: #f78756;
    font - weight: bold;
    font - style: normal
}.editor - style ul,
.editor - style ol {
    padding: 0 0 0 30px
}.editor - style ul li {
    list - style - type: square;
    margin: 5px 0
}.editor - style ol li {
    list - style - type: decimal;
    margin: 5px 0
}.editor - style blockquote {
    border - left: 3px solid#ccc;
    padding: 5px 0 5px 10px
}.editor - style img {
    max - height: 150px;
    min - height: 24px;
    max - width: 410px;
    min - width: 30px;
    border: 1px solid#ccc;
    background: #ffffff;
    padding: 2px;
    margin: 0 10px 0 0
}.editor - style img.uploading {
    background: #fff img - url("loading.gif") no - repeat center center
}.droparea {
    display: none;
    position: absolute;
    z - index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 100 % ;
    height: 100 % ;
    border: 1px solid#7be;
    text - align: center;
    opacity: 0.9;
    box - shadow: 0 0 10px#7be inset; - moz - border - radius: 2px; - webkit - border - radius: 2px;
    border - radius: 2px; - webkit - transition: all 0.2s ease - in-out
}.droparea span {
    font - size: 20px;
    color: #666;
    position: absolute;
    display: block;
    width: 100 % ;
    top: 50 % ;
    margin - top: -14px
}.droparea.droparea - active {
    border: 1px solid#74b9ef;
    box - shadow: 0 0 20px#7be inset; - webkit - transition: all 0.2s ease - in-out
}.comments {
    width: 800px
}.comment {
    margin - bottom: 30px; * zoom: 1
}.comment: before,
.comment: after {
    display: table;
    content: ""
}.comment: after {
    clear: both
}.comment.avatar - wrap {
    float: left
}.comment.comment - main {
    margin - left: 70px
}.comment.comment - main.author {
    font - size: 14px;
    font - weight: bold;
    color: #000
}.comment.comment - main.author: hover {
    color: #0f769f
}.comment.comment - main.create - time {
    font - size: 12px;
    color: #887
}.comment.comment - main textarea.comment - content {
    width: 704px
}.comment.comment - main.comment - content {
    white - space: normal;
    word - 
    break: break - all;
    word - wrap: break - word
}.comment.comment - main.form - item {
    margin - bottom: 10px
}.comment.comment - main.form - buttons {
    margin - top: 15px
}.comment.comment - actions {
    float: right;
    display: none
}.comment.comment - actions a {
    font - size: 12px;
    color: #999
}.comment.comment - actions a: hover {
    color: #0f769f
}.comment: hover.comment - actions {
    display: block
}.attachments - preview {
    margin - top: 20px
}.attachments - preview.file - list { * zoom: 1
}.attachments - preview.file - list: before,
.attachments - preview.file - list: after {
    display: table;
    content: ""
}.attachments - preview.file - list: after {
    clear: both
}.attachments - preview.file - list.file - images.file - row { * zoom: 1
}.attachments - preview.file - list.file - images.file - row: before,
.attachments - preview.file - list.file - images.file - row: after {
    display: table;
    content: ""
}.attachments - preview.file - list.file - images.file - row: after {
    clear: both
}.attachments - preview.file - list.file - images.file {
    width: 220px;
    float: left;
    margin: 0 20px 20px 0
}.attachments - preview.file - list.file - images.file.file - thumb {
    float: none;
    width: auto;
    display: table;
    table - layout: fixed
}.attachments - preview.file - list.file - images.file.file - thumb a {
    display: table - cell;
    float: none;
    width: 220px;
    height: 180px;
    background: #f9f9f9;
    text - align: center;
    vertical - align: middle
}.attachments - preview.file - list.file - images.file.file - thumb a img {
    display: inline;
    max - width: 220px;
    max - height: 180px;
    vertical - align: middle;
    border: none;
    padding: 0;
    background: none
}.attachments - preview.file - list.file - images.file.file - thumb a img.image {
    border: none;
    padding: 0;
    max - width: 220px;
    max - height: 180px
}.attachments - preview.file - list.file - images.file.file - info {
    float: none;
    margin: 5px 0 0 0;
    width: auto
}.attachments - preview.file - list.file - images.file.file - info.title {
    line - height: 1.8;
    margin: 8px 0 0 0
}.attachments - preview.file - list.file - images.file.file - info.title span.name {
    float: none;
    display: inline;
    margin: 0 3px 0 0;
    word - wrap: break - word;
    word - 
    break: break - all
}.attachments - preview.file - list.file - images.file.file - info.title a.name {
    display: none
}.attachments - preview.file - list.file - images.file.file - info.title.size {
    display: none
}.attachments - preview.file - list.file - images.file.file - info.title.link - label {
    display: inline - block;
    float: none;
    margin: -1px 0 0 0;
    vertical - align: middle;
    white - space: nowrap;
    word - 
    break: keep - all;
    word - wrap: normal
}.attachments - preview.file - list.file - images.file.file - info.links {
    display: none
}.attachments - preview.file - list.file - others.file.file - thumb {
    width: auto
}.attachments - preview.file - list.file - others.file.file - thumb img {
    height: 60px
}.attachments - preview.file - list.file - others.file.file - info.title span.name {
    display: block
}.attachments - preview.file - list.file - others.file.file - info.title a.name {
    display: none
}.attachments - preview.file - list.file - others.file.file - info.links {
    display: none
}.attachments - preview.download - package {
    border - top: 1px solid#f3f3f3;
    font - size: 12px;
    color: #999999;
    padding: 5px 0 0 2px
}.notification {
    background: #ffee83;
    color: #7c6045;
    width: 960px;
    margin: 0 auto 20px;
    padding: 8px 0;
    font - size: 14px;
    text - align: center;
    line - height: 1.5; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.popover {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z - index: 100
}.popover h3 {
    font - size: 12px;
    color: #000000;
    line - height: 1;
    padding: 5px 0 5px 0;
    border - bottom: 1px solid#ddd;
    font - weight: bold
}.popover.popover - content {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid#ddd; - moz - border - radius: 5px; - webkit - border - radius: 5px;
    border - radius: 5px; - webkit - box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3); - moz - box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    box - shadow: 0 1px 6px rgba(0, 0, 0, 0.3)
}.popover.popover - arrow {
    width: 10px;
    height: 12px;
    background: url(/assets/popover - arrow - a35c0dc33eadc62db3524109894cf380.png) no - repeat 0 0;
    position: absolute
}.popover.direction - up.popover - arrow {
    background - position: 0 - 20px;
    bottom: 15px;
    left: -9px
}.popover.direction - down.popover - arrow {
    background - position: 0 - 20px;
    top: 15px;
    left: -9px
}.popover.top.popover - arrow {
    background - position: 0 - 10px
}.datepicker {
    background: #ffffff;
    font - size: 12px
}.datepicker table td {
    width: 24px;
    line - height: 24px;
    margin: 0;
    padding: 0;
    text - align: center;
    vertical - align: middle;
    border - bottom: 2px solid#fff
}.datepicker table.datepicker - prev a,
.datepicker table.datepicker - next a {
    display: block;
    height: 100 % ;
    text - indent: -9999px;
    overflow: hidden
}.datepicker table.datepicker - prev a: hover,
.datepicker table.datepicker - next a: hover {
    opacity: 0.6
}.datepicker table.datepicker - prev a {
    background: url(/assets/arrow - prev - f866132001834ed32cab86379a8576c5.png) no - repeat center center
}.datepicker table.datepicker - next a {
    background: url(/assets/arrow - next - 7e93576c7c923e8d7a599cd63c8dd89c.png) no - repeat center center
}.datepicker table.datepicker - title {
    color: #333333;
    font - size: 14px
}.datepicker table.datepicker - dow {
    color: #999999
}.datepicker table.datepicker - day a {
    display: block;
    height: 100 % ;
    background: #f3f3f3;
    color: #333333; - webkit - text - shadow: 0 1px 0#fff; - moz - text - shadow: 0 1px 0#fff;
    text - shadow: 0 1px 0#fff
}.datepicker table.datepicker - day a: hover {
    background: #cbe0ff
}.datepicker table.datepicker - day a.today {
    color: #e98f00
}.datepicker table.datepicker - day a.selected {
    background: #aaccff
}.datepicker table.datepicker - day a.disabled {
    background: #ffffff;
    color: #cccccc;
    cursor: default
}#btn - load - more {
    display: block;
    width: 200px;
    font - size: 12px;
    line - height: 12px;
    text - align: center;
    padding: 12px 0;
    margin: 20px auto 0;
    background: #e0e5d4;
    color: #5a614b; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}#btn - load - more.loading {
    cursor: default
}#btn - load - more.over {
    cursor: default;
    color:
    #838a73
}.messages {
    margin:
    20px 0 30px
}.messages.message {
    padding:
    15px 64px 12px 126px;
    border - bottom: 1px solid#ddd;
    position: relative
}.messages.message.active {
    background: #fdfdf2
}.messages.message.avatar {
    display: block;
    width: 40px;
    height: 40px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - box - shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 15px;
    left: 5px
}.messages.message.name {
    width: 58px;
    font - size: 12px;
    line - height: 12px;
    text - align: center;
    position: absolute;
    top: 29px;
    left: 53px;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.messages.message.name a {
    color: #000000
}.messages.message.message - link {
    display: block;
    min - height: 40px;
    font - size: 14px;
    line - height: 16px
}.messages.message.message - link.message - title {
    display: block;
    color: #333333;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.messages.message.message - link: hover.message - title {
    color: #0066aa
}.messages.message.message - link.message - content {
    display: block;
    line - height: 1.5;
    color: #999999;
    margin: 6px 0 0 0;
    word - 
    break: break - all;
    word - wrap: break - word
}.messages.message.unread.message - link.message - title {
    font - weight: bold;
    color: #000000
}.messages.message.unread.message - link: hover.message - title {
    color: #0066aa
}.messages.message.attachments {
    float: right;
    padding: 2px 5px 5px 10px
}.messages.message.attachments a: hover {
    opacity: 0.8
}.messages.message.attachments img {
    vertical - align: middle;
    max - width: 30px;
    max - height: 30px;
    border: 1px solid#ccc;
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer
}.messages.message.time {
    display: block;
    font - size: 12px;
    line - height: 12px;
    color: #aaaaaa;
    position: absolute;
    top: 16px;
    right: 5px
}.messages.message.comments - count {
    display: block;
    font - size: 11px;
    line - height: 12px;
    color: #ffffff;
    padding: 2px 8px;
    background: #dddddd; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px;
    position: absolute;
    top: 38px;
    right: 5px
}.messages.message.unread.comments - count {
    background: #87a0b0
}.messages.message.label - attachment {
    display: none
}.form - new - discussion {
    display: none
}.form - new - discussion.form - item {
    margin: 0 0 10px 0
}.form - new - discussion.form - buttons {
    margin: 15px 0 0 0
}.form - new - discussion#txt - title {
    font - size: 20px;
    line - height: 1;
    width: 854px
}.form - new - discussion#txt - content {
    width: 774px;
    height: 63px;
    resize: none
}.back - to - top {
    position: fixed;
    bottom: 20px;
    left: 50 % ;
    margin - left: 505px;
    display: block;
    background: #ddd url(back - to - top.png) center center no - repeat;
    width: 50px;
    height: 50px;
    text - indent: -999px;
    overflow: hidden;
    font - size: 12px; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.back - to - top: hover {
    background - color: #ccc
}.notifications.notice {
    position: relative;
    padding: 10px 80px 10px 60px;
    border - bottom: 1px solid#eee
}.notifications.notice.no - content {
    padding - top: 21px;
    padding - bottom: 20px
}.notifications.notice.avatar {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
    left: 5px
}.notifications.notice.link {
    display: block;
    font - size: 14px;
    color: #000000
}.notifications.notice.link.title {
    display: block
}.notifications.notice.link.title.target {
    word - 
    break: break - all;
    word - wrap: break - word
}.notifications.notice.link: hover.title {
    color: #0f769f
}.notifications.notice.link.content {
    display: block;
    color: #666666
}.notifications.notice.info {
    display: block;
    color: #999999;
    font - size: 12px;
    margin: 4px 0 0 0
}.notifications.notice.info a {
    color: #999999
}.notifications.notice.info a: hover {
    color: #0f769f
}.notifications.notice.unread.link.title {
    font - weight: bold
}.notifications.notice.attachments {
    float: right;
    padding: 5px 5px 5px 10px
}.notifications.notice.attachments a: hover {
    opacity: 0.8
}.notifications.notice.attachments img {
    vertical - align: middle;
    max - width: 30px;
    max - height: 30px;
    border: 1px solid#ccc;
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer
}.notifications.notice.date {
    font - size: 12px;
    line - height: 1.2;
    color: #999;
    position: absolute;
    top: 12px;
    right: 5px
}.notifications.notice.comments - count {
    display: block;
    font - size: 11px;
    line - height: 12px;
    color: #ffffff;
    padding: 2px 8px;
    background: #dddddd; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px;
    position: absolute;
    top: 38px;
    right: 5px
}.notifications.notice.unread.comments - count {
    background: #87a0b0
}.file - list { * zoom: 1
}.file - list: before,
.file - list: after {
    display: table;
    content: ""
}.file - list: after {
    clear: both
}.file - list.file {
    min - height: 60px;
    margin: 0 0 20px 0; * zoom: 1
}.file - list.file: before,
.file - list.file: after {
    display: table;
    content: ""
}.file - list.file: after {
    clear: both
}.file - list.file.uploading {
    position: relative
}.file - list.file.uploading.progress {
    width: 80px;
    float: left;
    margin: 7px 0 0 8px
}.file - list.file.uploading.progress.progress - bar {
    height: 5px;
    border: 1px solid#ccc;
    background: #ffffff;
    padding: 2px; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.file - list.file.uploading.progress.progress - bar div {
    height: 100 % ;
    background: #ffffff; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.file - list.file.uploading.progress.progress - bar div span {
    display: block;
    width: 1 % ;
    height: 100 % ;
    background: #0f769f; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.file - list.file.uploading.progress.percent {
    display: none
}.file - list.file.uploading.ie.progress {
    width: 15px;
    height: 15px;
    background: url(/assets/loading - b82a3823017fd8cdd7a595e38a196189.gif) no - repeat center center;
    margin: 5px 0 0 8px
}.file - list.file.uploading.ie.progress.progress - bar {
    display: none
}.file - list.file.uploading.link - cancel {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/assets/icon - delete - 978c337437a0af5cd6deda997981984c.png) no - repeat 0 0;
    float: left;
    margin: 6px 0 0 8px;
    text - indent: -9999px;
    overflow: hidden
}.file - list.file.file - thumb {
    width: 120px;
    float: left; * zoom: 1
}.file - list.file.file - thumb: before,
.file - list.file.file - thumb: after {
    display: table;
    content: ""
}.file - list.file.file - thumb: after {
    clear: both
}.file - list.file.file - thumb a {
    display: block;
    float: right
}.file - list.file.file - thumb a img {
    display: block;
    background: #ffffff;
    max - width: 120px;
    max - height: 120px
}.file - list.file.file - thumb a img.image {
    border: 1px solid#d0d0d0;
    padding: 1px;
    max - width: 116px;
    max - height: 116px
}.file - list.file.file - info {
    width: 500px;
    float: left;
    margin: 0 0 0 20px
}.file - list.file.file - info.title {
    font - size: 12px;
    line - height: 25px; * zoom: 1
}.file - list.file.file - info.title: before,
.file - list.file.file - info.title: after {
    display: table;
    content: ""
}.file - list.file.file - info.title: after {
    clear: both
}.file - list.file.file - info.title.name {
    display: block;
    float: left;
    color: #333333
}.file - list.file.file - info.title a.name: hover {
    color: #0f769f
}.file - list.file.file - info.title span.name {
    display: none
}.file - list.file.file - info.title.size {
    display: block;
    float: left;
    color: #bbbbbb;
    font - size: 12px;
    margin: 0 0 0 5px
}.file - list.file.file - info.title.link - label {
    display: block;
    float: left;
    font - size: 12px;
    line - height: 14px;
    color: #999999;
    background: #eeeeee;
    border: 1px solid transparent;
    padding: 2px 4px;
    margin: 2px 0 0 10px;
    vertical - align: middle; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.file - list.file.file - info.title.link - label: hover {
    color: #666666
}.file - list.file.file - info.title.link - label.no - label {
    border - color: #eeeeee;
    color: #999999;
    background: #ffffff
}.file - list.file.file - info.title.link - label.no - label: hover {
    background: #eeeeee
}.file - list.file.file - info.title.link - label.loading {
    border - color: #eeeeee;
    color: #cccccc;
    background: #f9f9f9;
    cursor: default
}.file - list.file.file - info.title.link - label.loading: hover {
    color: #cccccc;
    background: #f9f9f9
}.file - list.file.file - info.title.link - label.disabled {
    cursor: default
}.file - list.file.file - info.title.link - label.disabled: hover {
    color: #999999
}.file - list.file.file - info.title.link - label.disabled.no - label {
    display: none
}.file - list.file.file - info.links {
    font - size: 12px;
    color: #999999;
    line - height: 20px
}.label - popover h3 {
    border - bottom: 0
}.label - popover.label - list {
    width: 130px
}.label - popover.label - list.folder - item {
    display: block;
    font - size: 12px;
    line - height: 25px;
    padding: 0 5px;
    margin: 5px 0 0 0;
    color: #999999;
    background: #eeeeee;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.label - popover.label - list.folder - item: hover {
    color: #666666
}.label - popover.label - list.folder - item.current {
    display: none
}.label - popover.label - list.empty {
    font - size: 12px;
    color: #999999;
    margin: 10px 0
}.label - popover.new - label {
    margin: 5px 0 5px 0
}.label - popover.new - label.txt - new - label {
    font - size: 12px;
    line - height: 14px;
    padding: 3px 4px;
    width: 120px
}.label - popover.remove - label {
    margin: 5px 0 0 0;
    padding: 4px 0 0 0;
    border - top: 1px solid#eee;
    text - align: center
}.label - popover.remove - label.link - remove - label {
    font - size: 12px
}.full - compatable {
    margin: 20px 0;
    text - align: center;
    height: 40px;
    line - height: 40px;
    color: #444;
    font - size: 14px
}.full - compatable p {
    display: inline - block;
    background - color: #f8d291;
    padding: 0 20px; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px
}.icon - del {
    display: block;
    width: 18px;
    height: 18px;
    line - height: 17px;
    background - color: #555;
    color: #fff;
    font - size: 12px;
    text - align: center;
    border: 2px solid#fff; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - box - shadow: 0 0 4px rgba(0, 0, 0, 0.6); - moz - box - shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    box - shadow: 0 0 4px rgba(0, 0, 0, 0.6)
}.icon - del: hover {
    color: #fff;
    text - decoration: none; - webkit - box - shadow: 0 0 6px rgba(0, 0, 0, 0.6); - moz - box - shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    box - shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    transition: box - shadow 100ms; - moz - transition: box - shadow 100ms; - webkit - transition: box - shadow 100ms
}.resource - deleted {
    max - width: 550px;
    margin: -1px auto 0;
    padding: 10px 40px;
    text - align: center;
    font - size: 14px;
    color: #fff;
    background - color: #dc6e00; - moz - border - radius: 0px 0px 4px 4px; - webkit - border - radius: 0px 0px 4px 4px;
    border - radius: 0px 0px 4px 4px
}.resource - deleted a {
    color: #fff;
    text - decoration: underline
}.resource - deleted a: hover {
    color: #eee
}.init {
    margin: 30px 0;
    padding: 0 80px 0 80px
}.init.title {
    font - size: 16px;
    color: #999999;
    line - height: 1.2
}.init.title em {
    color: #478275
}.init.desc {
    font - size: 14px;
    color: #999999;
    line - height: 1.2;
    margin: 8px 0 0 0
}.init.init - discussion {
    background: url(init - discussion.png) no - repeat 5px 15px;
    margin: 0;
    padding: 20px 60px 10px
}.init.init - todo - completed,
.init.init - todo - empty {
    background: url(init - todo.png) no - repeat 5px 4px;
    margin: 0 0 20px 0;
    padding: 10px 50px 10px
}.init.init - todo - today - empty.arrow {
    position: absolute;
    top: 1px;
    left: 260px;
    height: 71px;
    width: 46px;
    background: url(member - show - me - arrow.png) no - repeat 0 0
}.init.init - todo - today - empty.title {
    margin: 20px 0 0 150px;
    color: #988660;
    text - align: center
}.init.init - file {
    background: url(init - file.png) no - repeat 7px 2px;
    margin: 20px 0;
    padding: 12px 50px 10px
}.init.init - progress {
    background: url(init - progress.png) no - repeat 12px 10px;
    padding: 10px 100px;
    margin - left: 180px;
    margin - top: 100px
}.init.init - progress.title {
    font - size: 26px;
    color: #000000
}.init.init - progress.desc {
    font - size: 18px;
    color: #333333
}.init.init - notification {
    margin: 100px 0;
    padding: 0;
    text - align: center
}.init.init - notification.title {
    background: url(init - notification.png) no - repeat 0 center;
    width: 200px;
    height: 50px;
    overflow: hidden;
    line - height: 50px;
    font - size: 28px;
    color: #ccc;
    padding - left: 50px;
    margin: 0 auto
}.init.init - notification - small {
    background: url(init - notification - small.png) no - repeat 5px center;
    padding: 10px 0 10px 50px;
    color: #ccc
}.init.init - project {
    background: url(init - project.png) no - repeat 5px center;
    padding: 10px 0 10px 50px;
    color: #ccc
}
html,
textarea {
    font - family: helvetica,
    Arial
}
a {
    color: #4298ba;
    text - decoration: none
}
a: hover {
    color: #0f769f
}
body {
    font - size: 16px
}
select {
    font - size: 12px
}.left {
    float: left
}.right {
    float: right
}.hide {
    display: none
}.ui - sortable {
    position: relative
}.focus { - webkit - box - shadow: 0px 0px 3px#06f; - moz - box - shadow: 0px 0px 3px#06f;
    box - shadow: 0px 0px 3px#06f
}: :-webkit - input - placeholder {
    color: #999 ! important
}: -moz - placeholder {
    color: #999 ! important
}
input.placeholder {
    color: #999 ! important
}.page#page - active - email - sent.center - box {
    width: 600px
}.page#page - active - email - sent.center - box.bd {
    padding: 30px 80px;
    text - align: center
}.page#page - active - email - sent.center - box.bd h3 {
    padding - top: 125px;
    background: url(active - success.png) center 10px no - repeat
}.page#page - agreement.center - box {
    width: 600px;
    font - size: 14px;
    line - height: 180 % 
}.page#page - agreement.center - box h3 {
    font - size: 16px;
    margin: 2em 0 1em
}.page#page - agreement.center - box h3.first {
    margin - top: 0
}.page#page - agreement.center - box ul {
    padding: 1em 0 0 20px
}.page#page - agreement.center - box li {
    list - style: disc
}.page#page - launchpad {
    width: 660px;
    margin: 0 auto;
    position: relative
}.page#page - launchpad.topbar.email {
    display: inline
}.page#page - launchpad.topbar.nickname {
    display: none
}.page#page - launchpad.teams {
    margin: 50px auto 80px;
    width: 320px;
    background - color: #fff;
    border: 1px solid#ccc;
    text - align: center;
    overflow: hidden; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px; - webkit - box - shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
    box - shadow: 0px 1px 6px rgba(0, 0, 0, 0.15)
}.page#page - launchpad.teams.fly {
    display: none;
    position: absolute;
    right: 20px;
    top: 0;
    color: #99aaa5
}.page#page - launchpad.teams li {
    font - size: 24px;
    border - bottom: 1px solid#ccc
}.page#page - launchpad.teams li a {
    position: relative;
    display: block;
    height: 80px;
    line - height: 80px;
    color: #666;
    padding: 0 40px;
    background: #ffffff
}.page#page - launchpad.teams li a: hover {
    background - color: #f9f9f9
}.page#page - launchpad.teams li a: hover.fly {
    display: inline
}.page#page - launchpad.teams li a span {
    display: block;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.page#page - launchpad.teams li.new {
    border - bottom: none
}.page#page - launchpad.teams li.new a {
    color: #999999;
    font - size: 20px;
    background - color: #f6f6f6
}.page#page - launchpad.teams li.new a.icon - add {
    display: inline - block;
    padding - left: 28px;
    background: url(icon - add.png) 0px 49 % no - repeat
}.page#page - launchpad.teams li.new a: hover {
    background: #f9f9f9
}.page#page - launchpad.new - team input {
    width: 400px;
    font - size: 18px;
    line - height: 26px
}.page#page - launchpad.footer {
    width: auto
}.page#page - member - settings {
    width: 660px;
    margin: 0 auto
}.page#page - member - settings.form {
    padding: 0 0 0 5px
}.page#page - member - settings.form.form - item.upload - avatar {
    height: 50px;
    position: relative;
    padding: 2px 0 0 60px;
    margin: 0 0 30px 0
}.page#page - member - settings.form.form - item.upload - avatar.avatar - wrapper {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}.page#page - member - settings.form.form - item.upload - avatar.avatar - wrapper.avatar {
    display: block;
    width: 100 % ;
    height: 100 % ; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}.page#page - member - settings.form.form - item.upload - avatar.avatar - wrapper.loading {
    display: none;
    width: 20px;
    height: 20px;
    background: #fff url(/assets/loading - upload - 4acb931056ec71d1ad42f71604910d02.gif) no - repeat center center;
    position: absolute;
    top: 15px;
    left: 15px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % 
}.page#page - member - settings.form.form - item.upload - avatar.link - upload {
    display: inline - block;
    font - size: 14px;
    line - height: 14px;
    cursor: pointer
}.page#page - member - settings.form.form - item.upload - avatar.link - upload: hover a {
    color: #0066aa
}.page#page - member - settings.form.form - item.upload - avatar p.desc {
    margin: 2px 0 0 0;
    clear: both
}.page#page - member - settings.form#txt - password {
    color: #999999
}.page#page - member - settings.form#txt - password.on {
    color: #000000
}.page#page - member - settings.form#txt - old - password {
    color: #999999
}.page#page - member - settings.form#txt - old - password.on {
    color: #000000
}.page#page - member.content { * zoom: 1
}.page#page - member.content: before,
.page#page - member.content: after {
    display: table;
    content: ""
}.page#page - member.content: after {
    clear: both
}.page#page - member.todo.todo - proj {
    display: inline
}.page#page - member.member - info {
    border - bottom: 1px solid#ddd;
    background - color: #f6f6f6;
    padding: 20px 40px 30px;
    width: 882px;
    margin - left: -1px;
    margin - top: -1px
}.page#page - member.member - info.avatar {
    float: left;
    width: 80px;
    height: 80px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}.page#page - member.member - info.info {
    margin - left: 90px
}.page#page - member.member - info.info h2 {
    font - size: 28px;
    font - weight: normal;
    color: #333;
    white - space: nowrap;
    text - align: left;
    overflow: hidden;
    text - overflow: ellipsis;
    margin: 10px 0 0;
    line - height: 36px
}.page#page - member.member - info.info a.email {
    margin: 6px 0 0;
    font - size: 14px;
    color: #999
}.page#page - member.member - info.info a.email: hover {
    color: #0066aa
}.page#page - member.member - info a.link - settings {
    display: block;
    position: absolute;
    right: 40px;
    top: 30px;
    font - size: 12px;
    color: #999
}.page#page - member.member - info a.link - settings: hover {
    color: #0066aa
}.page#page - member.box {
    padding: 10px 150px 10px 5px;
    border: 3px dashed transparent
}.page#page - member.box h5 {
    padding: 10px;
    font - weight: bold
}.page#page - member.box.todolist {
    width: 630px
}.page#page - member.box.init {
    margin: 15px 0 20px 100px;
    padding: 0
}.page#page - member.box.droppable - mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100 % ;
    height: 100 % ;
    display: none
}.page#page - member.box.droppable - mask.droppable - desc {
    position: absolute;
    top: 50 % ;
    left: 0;
    line - height: 1;
    margin - top: -0.5em;
    font - size: 30px;
    color: #988660;
    width: 100 % ;
    text - align: center
}.page#page - member.box.box - today {
    position: relative;
    min - height: 60px;
    background: #fcf6c0;
    margin - bottom: 10px; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px; - webkit - box - shadow: 0 1px 2px rgba(0, 0, 0, 0.25); - moz - box - shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box - shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}.page#page - member.box.box - today h5 {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 116px;
    height: 75px;
    padding: 0;
    overflow: hidden;
    background: url("member-todo-today.png") no - repeat left top;
    color: #a39c68;
    text - indent: -999px;
    opacity: .5
}.page#page - member.box.box - today.todolist.actions.inr {
    background: #fcf6c0
}.page#page - member.box.box - today.todolist.actions.inr a {
    background - image: url("todo-actions-icon-today.png")
}.page#page - member.box.box - today.todolist.todo.label {
    background: #f3e5ac;
    color: #ad9d7b
}.page#page - member.box.box - today.todolist.todo.label: hover {
    color: #988660
}.page#page - member.box.box - today.todolist.todo.label.delay {
    color: #d45d51;
    background: #fbdbdb
}.page#page - member.box.box - today.todolist.todo.label.delay: hover {
    color: #c44d41
}.page#page - member.box.box - other.droppable - mask.droppable - desc {
    color: #999
}.page#page - member.box.ui - draggable - dragging {
    margin - left: 3px;
    width: 610px;
    z - index: 9999;
    background - color: #fff ! important
}.page#page - member.box.ui - state - highlight {
    min - height: 60px;
    border: 3px dashed#dab66a;
    position: relative; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.page#page - member.box.ui - state - highlight.droppable - mask {
    display: block
}.page#page - member.box.ui - state - highlight.todos {
    opacity: 0.2
}.page#page - member.box.ui - state - highlight.init {
    visibility: hidden
}.page#page - member.box.ui - state - highlight.box - other {
    background: #fff;
    border - color: #eee
}.page#page - member.box.ui - state - droppable {
    border: 3px solid#dab66a;
    background - color: #FFFBD5
}.page#page - member.box.ui - state - droppable.droppable - mask.droppable - desc {
    color: #BEA97C
}.page#page - member.box.ui - state - droppable.box - other.droppable - mask.droppable - desc {
    color: #ccc
}.page#page - member.filter - by - project {
    float: right
}.page#page - member.member - data {
    min - height: 270px;
    margin: 20px 0;
    padding: 0 40px 20px
}.page#page - member.member - data h3 {
    margin: 20px 0 10px
}.page#page - member.member - data h4 {
    margin: 0 0 2px
}.page#page - member.member - data.projects {
    padding - left: 15px
}.page#page - member.member - data.projects a {
    margin: 0 0 0 0;
    font - size: 14px;
    color: #777
}.page#page - member.member - data.projects a: hover {
    color: #0f769f
}.page#page - member.member - data.projects a: after {
    content: ","
}.page#page - member.member - data.projects a: last - child: after {
    content: ""
}.page#page - member.member - data p {
    font - size: 14px;
    line - height: 1.8;
    margin: 20px 0 40px 0;
    color: #999999
}.page#page - member.member - data p em {
    font - weight: bold;
    color: #000000
}.page#page - member.member - data p.status {
    font - weight: bold;
    color: #356
}.page#page - member.member - data p.status.admin {
    color: #439300
}.page#page - member.member - data p.link - delete {
    color: #e2afaf
}.page#page - member.member - data p.link - delete: hover {
    color: #cf372b
}.page#page - member.member - data p.highlight {
    display: inline - block;
    padding: 10px 20px;
    margin: 5px 0 0 0; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px;
    background: #e2ebdb;
    color: #333333;
    font - family: Courier
}.page#page - member.member - data.todolist {
    padding: 0;
    margin - bottom: 0
}.page#page - member.member - data.todolist h4 {
    color: #999;
    font - size: 14px
}.page#page - member.member - data.todolist h4 a {
    color: #999
}.page#page - member.member - data.todolist h4 a: hover {
    color: #666
}.page#page - member.member - data.notification - title {
    margin: 20px 0 10px; * zoom: 1
}.page#page - member.member - data.notification - title: before,
.page#page - member.member - data.notification - title: after {
    display: table;
    content: ""
}.page#page - member.member - data.notification - title: after {
    clear: both
}.page#page - member.member - data.notification - title h3 {
    float: left;
    margin: 0
}.page#page - member.member - data.notification - title a {
    float: right;
    font - size: 12px;
    margin - top: 5px;
    margin - right: 5px
}.page#page - member.member - data.notifications {
    margin: 0 0 30px
}.page#page - member.member - data.notifications.link.content {
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.page#page - member.member - data.more {
    font - size: 12px;
    margin - top: 20px
}.page#page - members.members { * zoom: 1
}.page#page - members.members: before,
.page#page - members.members: after {
    display: table;
    content: ""
}.page#page - members.members: after {
    clear: both
}.page#page - members.members li {
    float: left;
    height: 160px;
    margin: 0 30px 30px
}.page#page - members.members li.member {
    display: block;
    float: left;
    cursor: pointer;
    color: #333;
    text - align: center; - moz - border - radius: 3px; - webkit - border - radius: 3px;
    border - radius: 3px
}.page#page - members.members li.member.avatar {
    display: block;
    width: 100px;
    height: 100px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - transition: box - shadow 0.2s ease - in-out; - moz - transition: box - shadow 0.2s ease - in-out;
    transition: box - shadow 0.2s ease - in-out; - webkit - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}.page#page - members.members li.member: hover.avatar { - webkit - box - shadow: 0 2px 8px rgba(0, 0, 0, 0.5); - moz - box - shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    box - shadow: 0 2px 8px rgba(0, 0, 0, 0.5)
}.page#page - members.members li.member.name,
.page#page - members.members li.member.role {
    display: block;
    width: 100px
}.page#page - members.members li.member.name {
    margin: 10px 0 0 0;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.page#page - members.members li.member.role {
    font - size: 12px;
    color: #999;
    margin: 3px 0 0 0
}.page#page - members.members li.member.owner.role {
    color: #f68539
}.page#page - message.topic {
    border - bottom: 1px solid#ddd;
    padding: 0 0 30px 0;
    margin: 20px 0 30px;
    width: 800px
}.page#page - message.topic.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 0 0 20px 0
}.page#page - message.topic.project - info a {
    color: #aaaaaa
}.page#page - message.topic.project - info a: hover {
    color: #4298ba
}.page#page - message.topic.message { * zoom: 1
}.page#page - message.topic.message: before,
.page#page - message.topic.message: after {
    display: table;
    content: ""
}.page#page - message.topic.message: after {
    clear: both
}.page#page - message.topic.message.message - subject {
    overflow: hidden;
    margin - bottom: 10px
}.page#page - message.topic.message h3 {
    float: left;
    color: #000;
    font - size: 20px;
    font - weight: 500;
    margin: 0
}.page#page - message.topic.message.message - actions {
    float: right;
    margin - top: 3px
}.page#page - message.topic.message.message - actions a {
    font - size: 12px;
    color: #4298ba
}.page#page - message.topic.message.message - actions a: hover {
    color: #0f769f
}.page#page - message.topic.message.avatar - wrap {
    float: left
}.page#page - message.topic.message.message - main {
    margin - left: 70px
}.page#page - message.topic.message.message - main.message - content {
    white - space: normal;
    word - 
    break: break - all;
    word - wrap: break - word
}.page#page - message.topic.message.message - main.author {
    font - size: 14px;
    font - weight: bold;
    color: #000
}.page#page - message.topic.message.message - main.author: hover {
    color: #0f769f
}.page#page - message.topic.message.message - main.create - time {
    font - size: 12px;
    color: #887
}.page#page - message.form - edit - message.form - item {
    margin: 0 0 10px 0
}.page#page - message.form - edit - message.form - buttons {
    margin: 15px 0 0 0
}.page#page - message.form - edit - message#txt - title {
    font - size: 20px;
    line - height: 1;
    width: 774px
}.page#page - message.form - edit - message#txt - content {
    width: 774px;
    height: 63px;
    resize: none
}.page#page - message.history {
    color: #999
}.page#page - message.history h4 {
    margin - bottom: 10px;
    font - size: 14px;
    font - weight: bold
}.page#page - message.history.activity {
    font - size: 12px
}.page#page - message.history.activity a {
    color: #999
}.page#page - message.history.activity.time,
.page#page - message.history.activity.sp,
.page#page - message.history.activity.target,
.page#page - message.history.activity.member {
    display: none
}.page#page - message.history.activity.reply {
    display: inline
}.page#page - message.history.activity.reply.reply - content {
    display: none
}.page#page - message.history.activity.reply.title {
    display: inline
}.page#page - message.history.activity.action {
    display: inline;
    margin: 0
}.page#page - message.history.activity.action.title {
    display: inline
}.page#page - message.history.activity.action.title a {
    margin: 0 2px
}.page#page - topics.editor - wrapper {
    margin: 30px 0 0 0
}.page#page - progress#select - member {
    position: absolute;
    top: 65px;
    right: 43px
}.page#page - progress.progress - day {
    margin: 80px 0 0 0;
    padding: 0 0 0 86px;
    position: relative
}.page#page - progress.progress - day h4 {
    width: 74px;
    height: 74px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ;
    border: 6px solid#d2e8ea;
    line - height: 74px;
    text - align: center;
    font - size: 38px;
    font - family: "Microsoft Yahei",
    "SimHei",
    Helvetica,
    Arial;
    color: #769bb3;
    position: absolute;
    top: -74px;
    left: 0
}.page#page - progress.progress - day h4.date {
    display: block;
    font - size: 20px;
    line - height: 24px;
    font - family: "Helvetica Neue",
    Arial;
    font - weight: bold;
    margin: 16px 0 0 0
}.page#page - progress.progress - day h4.day {
    display: block;
    font - size: 14px;
    line - height: 14px;
    color: #666666;
    margin: 4px 0 0 0
}.page#page - progress.progress - day.weekend h4 {
    border - color: #f6dbc0;
    color: #c07f3d
}.page#page - progress.progress - day.progress - project {
    padding: 30px 100px 10px 0;
    border - top: 1px solid#d2e8ea;
    position: relative
}.page#page - progress.progress - day.progress - project h5 {
    font - size: 18px;
    line - height: 18px;
    color: #999999;
    padding: 0 5px 0 15px;
    background: url(/assets/bg - 8bed488ceb8bcd20ff2e633b62c9242c.png) repeat - x 0 0;
    position: absolute;
    top: -11px;
    right: 0
}.page#page - progress.progress - day.progress - project h5 a {
    color: #999999
}.page#page - progress.progress - day.progress - project h5 a: hover {
    color: #0f769f
}.page#page - progress.progress - day.progress - project.activity {
    margin: 0 0 30px 0;
    padding: 0 0 0 55px;
    font - size: 14px;
    line - height: 1.5;
    position: relative
}.page#page - progress.progress - day.progress - project.activity.time {
    font - size: 12px;
    line - height: 12px;
    color: #888877;
    font - family: "Helvetica Neue",
    Arial;
    position: absolute;
    top: 18px;
    left: 10px
}.page#page - progress.progress - day.progress - project.activity.datetime {
    display: none
}.page#page - progress.progress - day.progress - project.activity.avatar {
    display: block;
    width: 50px;
    height: 50px; - webkit - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ;
    position: absolute;
    left: 5px;
    top: 0
}.page#page - progress.progress - day.progress - project.activity a {
    color: #000000
}.page#page - progress.progress - day.progress - project.activity a: hover {
    color: #0f769f
}.page#page - progress.progress - day.progress - project.activity.reply {
    padding: 0 0 0 70px;
    position: relative
}.page#page - progress.progress - day.progress - project.activity.reply.title {
    padding: 2px 0 0 0;
    color: #000000;
    word - wrap: break - word
}.page#page - progress.progress - day.progress - project.activity.reply.title em {
    font - weight: bold;
    margin: 0 8px 0 0
}.page#page - progress.progress - day.progress - project.activity.reply.reply - content {
    line - height: 1.6;
    margin: 3px 0 0 0;
    color: #666666
}.page#page - progress.progress - day.progress - project.activity.action {
    padding: 6px 0 0 70px;
    position: relative;
    min - height: 37px;
    word - wrap: break - word; * zoom: 1
}.page#page - progress.progress - day.progress - project.activity.action: before,
.page#page - progress.progress - day.progress - project.activity.action: after {
    display: table;
    content: ""
}.page#page - progress.progress - day.progress - project.activity.action: after {
    clear: both
}.page#page - progress.progress - day.progress - project.activity.action.title {
    display: inline;
    color: #000000
}.page#page - progress.progress - day.progress - project.activity.action.title em {
    font - weight: bold;
    margin: 0 8px 0 0
}.page#page - progress.progress - day.progress - project.activity.action.title em a {
    margin: 0
}.page#page - progress.progress - day.progress - project.activity.action.title a {
    margin: 0 5px
}.page#page - progress.progress - day.progress - project.activity.action.target {
    display: inline
}.page#page - progress.progress - day.weekend.progress - project {
    border - color: #f6dbc0
}.page#page - project - settings#project - name,
.page#page - new - project#project - name,
.page#page - project - members#project - name {
    width: 300px;
    font - size: 20px;
    line - height: 1
}.page#page - project - settings#project - desc,
.page#page - new - project#project - desc,
.page#page - project - members#project - desc {
    width: 600px;
    max - width: 600px;
    height: 50px;
    font - size: 12px;
    line - height: 1.5;
    margin - bottom: 20px;
    overflow: hidden
}.page#page - project - settings.form.form - item,
.page#page - new - project.form.form - item,
.page#page - project - members.form.form - item {
    margin - bottom: 10px
}.page#page - project - settings.setting - section,
.page#page - new - project.setting - section,
.page#page - project - members.setting - section {
    margin: 40px 0 0 0;
    font - size: 14px
}.page#page - project - settings.setting - section h4,
.page#page - new - project.setting - section h4,
.page#page - project - members.setting - section h4 {
    font - size: 16px;
    color: #000000
}.page#page - project - settings.setting - section.desc,
.page#page - new - project.setting - section.desc,
.page#page - project - members.setting - section.desc {
    color: #999999
}.page#page - project - settings.setting - section.link - delete,
.page#page - new - project.setting - section.link - delete,
.page#page - project - members.setting - section.link - delete {
    color: #e2afaf
}.page#page - project - settings.setting - section.link - delete: hover,
.page#page - new - project.setting - section.link - delete: hover,
.page#page - project - members.setting - section.link - delete: hover {
    color: #cf372b
}.page#page - project - settings.members,
.page#page - new - project.members,
.page#page - project - members.members {
    margin: 20px 0 10px 0; * zoom: 1
}.page#page - project - settings.members: before,
.page#page - project - settings.members: after,
.page#page - new - project.members: before,
.page#page - new - project.members: after,
.page#page - project - members.members: before,
.page#page - project - members.members: after {
    display: table;
    content: ""
}.page#page - project - settings.members: after,
.page#page - new - project.members: after,
.page#page - project - members.members: after {
    clear: both
}.page#page - project - settings.members.member,
.page#page - new - project.members.member,
.page#page - project - members.members.member {
    float: left;
    width: 160px;
    height: 50px;
    overflow: hidden;
    margin: 0 20px 20px 0;
    padding: 10px;
    background: #eee;
    color: #777;
    cursor: pointer; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.page#page - project - settings.members.member.avatar,
.page#page - new - project.members.member.avatar,
.page#page - project - members.members.member.avatar {
    float: left;
    width: 50px;
    height: 50px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
    border - radius: 50 % ; - webkit - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - moz - box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box - shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}.page#page - project - settings.members.member.name,
.page#page - project - settings.members.member.role,
.page#page - new - project.members.member.name,
.page#page - new - project.members.member.role,
.page#page - project - members.members.member.name,
.page#page - project - members.members.member.role {
    display: block;
    width: 100px;
    margin: 0 0 0 60px
}.page#page - project - settings.members.member.name,
.page#page - new - project.members.member.name,
.page#page - project - members.members.member.name {
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.page#page - project - settings.members.member.role,
.page#page - new - project.members.member.role,
.page#page - project - members.members.member.role {
    font - size: 12px;
    color: #999
}.page#page - project - settings.members.member.selected,
.page#page - new - project.members.member.selected,
.page#page - project - members.members.member.selected {
    background: #e1eccb url(icon - check.png) 155px 45px no - repeat;
    color: #668833
}.page#page - project - settings.members.empty,
.page#page - new - project.members.empty,
.page#page - project - members.members.empty {
    color: #999;
    margin - bottom: 20px;
    display: inline - block; - webkit - text - shadow: 0 1px 0px#fff; - moz - text - shadow: 0 1px 0px#fff;
    text - shadow: 0 1px 0px#fff
}.page#page - project - settings.del - project - confirm p,
.page#page - new - project.del - project - confirm p,
.page#page - project - members.del - project - confirm p {
    line - height: 1.5
}.page#page - project - settings.del - project - confirm#del - project - text,
.page#page - new - project.del - project - confirm#del - project - text,
.page#page - project - members.del - project - confirm#del - project - text {
    margin: 20px 0
}.page#page - project - settings.invite - members label,
.page#page - new - project.invite - members label,
.page#page - project - members.invite - members label {
    color: #000
}.page#page - project - settings.link - show - invite,
.page#page - new - project.link - show - invite,
.page#page - project - members.link - show - invite {
    font - size: 12px;
    color: #999
}.page#page - project - settings.link - show - invite: hover,
.page#page - new - project.link - show - invite: hover,
.page#page - project - members.link - show - invite: hover {
    color: #0f769f
}.page#page - project - settings.invite - item,
.page#page - new - project.invite - item,
.page#page - project - members.invite - item {
    margin - bottom: 5px
}.page#page - project - settings.invite - item.invite - email,
.page#page - new - project.invite - item.invite - email,
.page#page - project - members.invite - item.invite - email {
    display: inline - block;
    margin - right: 10px
}.page#page - project - settings.invite - item.del - invite,
.page#page - new - project.invite - item.del - invite,
.page#page - project - members.invite - item.del - invite {
    font - size: 12px;
    color: #999;
    display: none
}.page#page - project - settings.invite - item.del - invite: hover,
.page#page - new - project.invite - item.del - invite: hover,
.page#page - project - members.invite - item.del - invite: hover {
    color: #0f769f
}.page#page - project - settings.invite - item.error,
.page#page - new - project.invite - item.error,
.page#page - project - members.invite - item.error {
    margin - bottom: 8px
}.page#page - project - settings.invite - item: hover.del - invite,
.page#page - new - project.invite - item: hover.del - invite,
.page#page - project - members.invite - item: hover.del - invite {
    display: inline
}.page#page - project - settings.add - invite - wrap,
.page#page - new - project.add - invite - wrap,
.page#page - project - members.add - invite - wrap {
    margin - top: 10px;
    font - size: 12px
}.page#page - project - settings.link - invite - message,
.page#page - new - project.link - invite - message,
.page#page - project - members.link - invite - message {
    font - size: 12px;
    margin - left: 2px
}.page#page - project h3 {
    margin - bottom: 20px
}.page#page - project.project - header {
    padding: 30px 2px 26px;
    background: url(project - head - border.png) repeat - x 0 100 % 
}.page#page - project.project - header.project - title {
    font - size: 28px;
    font - family: "Microsoft Yahei",
    "SimHei",
    Helvetica,
    Arial;
    line - height: 28px;
    color: #555;
    text - align: left
}.page#page - project.project - header.project - desc {
    font - size: 14px;
    color: #666666;
    line - height: 1.5;
    margin: 10px 0 0 0;
    text - align: left
}.page#page - project[data - archived].project - header.project - title,
.page#page - project[data - archived].project - header.project - desc {
    color: #ccc
}.page#page - project.link - topic {
    display: block;
    width: 76px;
    height: 67px;
    background: url(/assets/message - label - 8a0370c9cb31a627ba185141354f0972.png) no - repeat 0 0;
    position: absolute;
    top: -3px;
    left: 40px
}.page#page - project.link - topic: hover {
    opacity: 0.8;
    top: -4px
}.page#page - project.link - topic.unread {
    background - position: 0 - 67px
}.page#page - project.link - topic.name {
    display: block;
    font - size: 20px;
    line - height: 20px;
    color: #ffffff;
    text - align: center;
    margin: 18px 0 0 0
}.page#page - project.link - topic.unread.name {
    font - size: 20px;
    line - height: 20px;
    margin - top: 12px
}.page#page - project.link - topic.count {
    display: none;
    font - size: 12px;
    line - height: 12px;
    color: #ffffff;
    margin: 5px 0 0 0;
    text - align: center
}.page#page - project.link - topic.unread.count {
    display: block
}.page#page - project.link - admin {
    position: absolute;
    top: 30px;
    right: 45px;
    overflow: hidden;
    background: #fff
}.page#page - project.link - admin a {
    margin - left: 20px;
    line - height: 30px;
    font - size: 14px;
    color: #999;
    opacity: .8
}.page#page - project.link - admin a: hover {
    color: #666666;
    opacity: 1
}.page#page - project.topics - head {
    margin - bottom: 10px
}.page#page - project.messages {
    margin: 0 0 30px
}.page#page - project.messages.empty {
    color: #999999;
    font - size: 14px;
    padding: 20px 0 0 0
}.page#page - project.messages.message {
    padding - top: 10px;
    padding - bottom: 5px;
    padding - left: 124px
}.page#page - project.messages.message.avatar {
    width: 36px;
    height: 36px;
    top: 9px
}.page#page - project.messages.message.name {
    top: 22px;
    left: 50px
}.page#page - project.messages.message.message - link.message - content {
    margin - top: 3px;
    white - space: nowrap;
    overflow: hidden;
    line - height: 1.2;
    text - overflow: ellipsis
}.page#page - project.messages.message.time {
    top: 12px
}.page#page - project.messages.message.comments - count {
    top: 30px
}.page#page - project.form - new - discussion {
    margin: 20px 0 20px 0
}.page#page - project.file - list {
    padding: 10px 0 0 20px
}.page#page - project.folders {
    margin: 15px 0 5px 0
}.page#page - project.more {
    font - size: 12px;
    margin: 20px 0 0 0
}.page#page - project.file - links {
    font - size: 12px;
    margin: 10px 0 0 0
}.page#page - project.file - links a {
    margin: 0 10px 0 0
}.page#page - project.trash {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 84px;
    height: 84px;
    font - size: 14px;
    text - align: right
}.page#page - project.trash a {
    display: block;
    overflow: hidden;
    background: url(/assets/trash - icon - f34ecb950d82366fb3dfe6be05212f37.png) no - repeat 0 0;
    width: 84px;
    height: 84px;
    opacity: 0.5; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - project.trash a: hover {
    opacity: 1; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - project.trash a img {
    position: relative;
    top: 17px;
    left: 17px; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - project.trash a: hover img {
    top: 8px;
    left: 8px; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - reset - password.center - box.bd.reset - success {
    background: url(/assets/reset - password - success - 86e7b6b0695f7d7282ae96eabcb0c9da.png) no - repeat 50 % 20px;
    padding: 160px 0 20px 0;
    text - align: center
}.page#page - reset - password.center - box.bd.reset - success h3 {
    margin - bottom: 0
}.page#page - search - result.content h3 {
    border - bottom: 2px solid#c1d0cc;
    font - size: 18px;
    padding - bottom: 10px;
    margin - bottom: 30px
}.page#page - search - result select.category {
    position: absolute;
    top: 34px;
    right: 43px
}.page#page - search - result.results {
    font - size: 14px; * zoom: 1
}.page#page - search - result.results: before,
.page#page - search - result.results: after {
    display: table;
    content: ""
}.page#page - search - result.results: after {
    clear: both
}.page#page - search - result.results li {
    margin - bottom: 30px;
    line - height: 1.5;
    color: #000
}.page#page - search - result.results li a {
    color: #000
}.page#page - search - result.results li a: hover {
    color: #0f769f
}.page#page - search - result.results li p {
    margin - bottom: 3px;
    word - 
    break: break - all;
    word - wrap: break - word
}.page#page - search - result.results li.side {
    float: left;
    width: 80px;
    text - align: right
}.page#page - search - result.results li.side a {
    float: right;
    margin - right: 10px
}.page#page - search - result.results li.main {
    margin: 0 100px 0 90px
}.page#page - search - result.results li.result - title {
    color: #000
}.page#page - search - result.results li.result - title a {
    color: #3f82ae
}.page#page - search - result.results li.result - title a: hover {
    color: #0f769f
}.page#page - search - result.results li.result - project {
    color: #666
}.page#page - search - result.results li.result - project a {
    color: #666
}.page#page - search - result.results li.result - project a: hover {
    color: #0f769f
}.page#page - search - result.results li.result - time {
    font - size: 12px;
    color: #999
}.page#page - search - result.results li.author {
    font - weight: bold
}.page#page - search - result.results li.attachments - preview.attach - images.attach - link.attach - image {
    background - color: #fff
}.page#page - search - result.results li.empty {
    color: #999
}.page#page - search - result.match {
    padding: 0 2px;
    background: #fff3a0
}.page#page - signin.form {
    margin: 0 0 10px 0
}.page#page - signin.form.form - item input[type = "email"],
.page#page - signin.form.form - item input[type = "password"],
.page#page - signin.form.form - item input[type = "text"] {
    width: 300px
}.page#page - signin.form.forgot - pw {
    font - size: 12px
}.page#page - signin.form#label - remember {
    font - size: 12px;
    color: #666666;
    cursor: pointer;
    margin: 0 0 0 10px
}.page#page - signin.form#label - remember#cb - remember {
    margin: 0 5px 0 0
}.page#page - signup.declare {
    color: #999;
    font - size: 12px;
    margin: 30px 0 10px 0;
    padding: 0 0 0 2px
}.page#page - team - settings.section {
    margin: 40px 0;
    color: #333;
    font - size: 14px;
    line - height: 1.8
}.page#page - team - settings.section h4 {
    font - size: 18px;
    color: #333;
    margin: 0 0 10px 0;
    line - height: 1
}.page#page - team - settings.section p.desc {
    color: #666
}.page#page - team - settings.section b {
    font - weight: bold
}.page#page - team - settings.team - name {
    margin - top: 30px
}.page#page - team - settings.team - name h3 {
    font - size: 24px;
    margin: 0 0 10px;
    line - height: 1
}.page#page - team - settings.team - name h3.free {
    font - size: 14px;
    color: #999
}.page#page - team - settings.team - name h3 a {
    display: none;
    font - size: 12px;
    margin - left: 12px
}.page#page - team - settings.team - name.desc {
    font - size: 14px;
    color: #999
}.page#page - team - settings.team - name form {
    display: none;
    margin - bottom: 10px
}.page#page - team - settings.team - name form input {
    display: inline - block;
    font - size: 18px
}.page#page - team - settings.team - name form p.error {
    display: inline;
    font - size: 12px;
    line - height: 39px;
    color: #c21;
    margin: 0 0 0 10px
}.page#page - team - settings.team - name form.btn - save {
    margin: 0 0 0 10px
}.page#page - team - settings.team - name: hover h3 a {
    display: inline
}.page#page - team - settings.program {
    margin: 15px 0 15px;
    display: table; * zoom: 1
}.page#page - team - settings.program: before,
.page#page - team - settings.program: after {
    display: table;
    content: ""
}.page#page - team - settings.program: after {
    clear: both
}.page#page - team - settings.program.program - trial {
    float: left;
    font - size: 14px;
    color: #ffffff;
    line - height: 18px;
    padding: 4px 6px;
    background: #9cbc58; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}.page#page - team - settings.program.icon - plus {
    background: url(icon - add.png) center center no - repeat;
    width: 50px;
    display: table - cell;
    vertical - align: middle
}.page#page - team - settings.program.program - extra - wrap {
    display: table - cell;
    vertical - align: middle
}.page#page - team - settings.program.program - extra {
    text - align: center;
    line - height: 1;
    width: 100px;
    height: 60px;
    background - color: #e5c265;
    background - repeat: no - repeat;
    margin - right: 10px;
    color: #fff; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px
}.page#page - team - settings.program.program - extra.desc {
    display: block;
    padding: 15px 0 4px 0
}.page#page - team - settings.program.program - extra.add {
    display: block;
    width: 92px;
    height: 52px;
    border: 4px dashed#ddd;
    background - color: transparent;
    color: #ddd
}.page#page - team - settings.program.program - extra.add.desc {
    padding: 12px 0 2px 0
}.page#page - team - settings.program.program - extra.add: hover {
    border - color: #ccc;
    color: #ccc
}.page#page - team - settings.program.program - item {
    display: table - cell;
    vertical - align: middle;
    float: left;
    text - align: center;
    line - height: 1;
    width: 150px;
    height: 87px;
    background - color: #9cbc58;
    background - repeat: no - repeat;
    color: #fff; - moz - border - radius: 8px; - webkit - border - radius: 8px;
    border - radius: 8px
}.page#page - team - settings.program.program - item.price - wrap {
    display: block;
    font - size: 24px;
    margin - top: 15px;
    margin - bottom: 4px
}.page#page - team - settings.program.program - item.price - wrap.yen {
    font - size: 30px
}.page#page - team - settings.program.program - item.price - wrap.price {
    font - size: 36px
}.page#page - team - settings.program.program - item.desc {
    font - size: 14px
}.page#page - team - settings.program.program - 0 {
    background - image: url(plan - air - 0 - current.png);
    background - position: -10px 55px
}.page#page - team - settings.program.program - 1 {
    background - image: url(plan - air - 1 - current.png);
    background - position: -5px 36px
}.page#page - team - settings.program.program - 2 {
    background - image: url(plan - air - 2 - current.png);
    background - position: -10px 15px
}.page#page - team - settings.program.program - 3 {
    background - image: url(plan - air - 3 - current.png);
    background - position: -5px - 10px
}.page#page - team - settings.program - info {
    color: #666;
    position: relative
}.page#page - team - settings.program - info em {
    color: #eb6900;
    margin: 0 5px
}.page#page - team - settings.program - info.guide - wrap {
    position: absolute;
    left: 470px;
    top: -40px;
    background: url(payment - arrow.png) 0 10px no - repeat;
    color: #777
}.page#page - team - settings.program - info.guide - wrap.guide {
    background: url(payment - towerimh.png) right 9px no - repeat;
    padding: 20px 0;
    font - weight: bold;
    font - size: 16px;
    text - align: right;
    width: 300px;
    padding - right: 75px
}.page#page - team - settings.rm - team.link - delete: hover {
    color: #ee6500
}.page#page - team - settings.del - team - confirm {
    background: url(icon - rm - team.png) right center no - repeat;
    padding - right: 150px
}.page#page - team - settings.del - team - confirm p {
    line - height: 1.5
}.page#page - team - settings.del - team - confirm#del - team - text {
    margin: 20px 0
}.page#page - rm - team - success.rm - team - success {
    background: url(rm - team - success.png) 0 center no - repeat;
    padding: 380px 0 0;
    width: 580px;
    margin: 20px auto;
    line - height: 1;
    text - align: center
}.page#page - rm - team - success.rm - team - success h3 {
    font - size: 24px;
    color: #333;
    margin: 0 0 15px
}.page#page - rm - team - success.rm - team - success p {
    font - size: 16px;
    color: #555
}.page#page - team - show.email - verify - notice {
    position: relative;
    top: 0;
    margin: 40px 0;
    padding: 10px 20px;
    text - align: center;
    font - size: 14px;
    background: #f6d244;
    color: #55382f; - moz - border - radius: 8px; - webkit - border - radius: 8px;
    border - radius: 8px
}.page#page - team - show.projects {
    margin: 30px 0 0 0; * zoom: 1
}.page#page - team - show.projects: before,
.page#page - team - show.projects: after {
    display: table;
    content: ""
}.page#page - team - show.projects: after {
    clear: both
}.page#page - team - show.project {
    position: relative;
    float: left;
    width: 240px;
    height: 200px;
    overflow: hidden;
    margin - bottom: 20px;
    text - align: center
}.page#page - team - show.project.folder {
    position: relative;
    display: block;
    width: 152px;
    height: 113px;
    margin: 0 auto 15px;
    background: url(project - item - mask.png) top left no - repeat#cee6e9;
    font - family: "towericon";
    outline: none
}.page#page - team - show.project.folder.badge: after {
    font - size: 90px;
    line - height: 1.4;
    text - shadow: 0 1px 0 rgba(255, 255, 255, 0.4),
    0 - 1px 0 rgba(0, 0, 0, 0.4)
}.page#page - team - show.project.folder.badge - edit {
    display: none;
    position: absolute;
    bottom: 8px;
    right: 7px;
    width: 15px;
    height: 15px;
    background: url("icon-info.png") left top no - repeat
}.page#page - team - show.project.folder: hover {
    opacity: .8
}.page#page - team - show.project.folder.badge - edit.visible,
.page#page - team - show.project.folder: hover.badge - edit {
    display: block;
    opacity: .7
}.page#page - team - show.project.folder.badge - edit.visible: hover,
.page#page - team - show.project.folder: hover.badge - edit: hover {
    opacity: 1;
    cursor: pointer
}.page#page - team - show.project.name {
    width: 100 % ;
    overflow: hidden;
    text - overflow: ellipsis;
    white - space: nowrap
}.page#page - team - show.project.name a {
    font - size: 18px;
    font - weight: 400;
    color: #333;
    font - family: "Helvetica Neue",
    Helvetica,
    Arial,
    "Microsoft Yahei",
    "SimHei",
    Sans - serif
}.page#page - team - show.project.name a: hover {
    opacity: 0.8
}.page#page - team - show.project.desc {
    font - size: 12px;
    color: #999;
    line - height: 18px;
    padding: 0 10px;
    overflow: hidden;
    height: 38px
}.page#page - team - show.project.new.folder {
    margin - top: 2px;
    background: url(/assets/btn - new - project - 2bdd7085e15173d8cb747b646239d99f.png) 0 0 no - repeat
}.page#page - team - show.project.new.folder: hover {
    background - position: 0 - 113px
}.page#page - team - show.project.new.name a {
    color: #999
}.page#page - team - show.badge - settings {
    position: absolute;
    top: 102px;
    left: -50px;
    z - index: 10;
    display: block;
    font - family: 'towericon';
    width: 314px;
    height: 190px;
    padding: 30px;
    text - align: center;
    background: url("project-badge-settings-bg.png") top left no - repeat
}.page#page - team - show.badge - settings li {
    display: inline - block;
    cursor: pointer
}.page#page - team - show.badge - settings.color - sets {
    margin: 15px 0
}.page#page - team - show.badge - settings.color - sets li {
    width: 23px;
    height: 23px;
    margin: 1px; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px
}.page#page - team - show.badge - settings.color - sets li: hover {
    width: 21px;
    height: 21px;
    margin: 0;
    border: 2px solid
}.page#page - team - show.badge - settings.color - sets li.selected {
    position: relative;
    width: 21px;
    height: 21px;
    margin: 0;
    border: 2px solid
}.page#page - team - show.badge - settings.color - sets li.selected: after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 22px;
    content: "\2714";
    text - align: center
}.page#page - team - show.badge - settings.icons li {
    width: 43px;
    height: 43px;
    margin: 8px 3px 0; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px;
    font - size: 50px;
    line - height: 45px
}.page#page - team - show.badge - settings.icons li: not(.selected) {
    background: #fff;
    opacity: .6; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - team - show.badge - settings.icons li: hover {
    opacity: 1; - webkit - transition: all 0.1s ease - in-out; - moz - transition: all 0.1s ease - in-out;
    transition: all 0.1s ease - in-out
}.page#page - team - show.project - archived {
    margin: 20px 0 40px 0;
    padding: 0 40px
}.page#page - team - show.project - archived small {
    font - size: 14px;
    color: #999
}.page#page - team - show.project - archived a {
    margin: 0 0 0 6px;
    font - size: 14px;
    color: #777
}.page#page - team - show.project - archived a: hover span {
    color: #0f769f
}.page#page - team - show.project - archived a: after {
    content: ","
}.page#page - team - show.project - archived a: last - child: after {
    content: ""
}.page#page - team - show.projects.project.folder.c1,
.page#page - team - show.projects.project.folder.c1,
.page#page - team - show.badge - settings.c1,
.page#page - team - show.badge - settings.c1 {
    background - color: #e9ddcf;
    color: #d8a196;
    border - color: #d8a196
}.page#page - team - show.projects.project.folder.c2,
.page#page - team - show.projects.project.folder.c2,
.page#page - team - show.badge - settings.c2,
.page#page - team - show.badge - settings.c2 {
    background - color: #ece8d5;
    color: #c8bfa5;
    border - color: #c8bfa5
}.page#page - team - show.projects.project.folder.c3,
.page#page - team - show.projects.project.folder.c3,
.page#page - team - show.badge - settings.c3,
.page#page - team - show.badge - settings.c3 {
    background - color: #e4edd1;
    color: #c8d7a5;
    border - color: #c8d7a5
}.page#page - team - show.projects.project.folder.c4,
.page#page - team - show.projects.project.folder.c4,
.page#page - team - show.badge - settings.c4,
.page#page - team - show.badge - settings.c4 {
    background - color: #dbeee6;
    color: #afd8c7;
    border - color: #afd8c7
}.page#page - team - show.projects.project.folder.c5,
.page#page - team - show.projects.project.folder.c5,
.page#page - team - show.badge - settings.c5,
.page#page - team - show.badge - settings.c5 {
    background - color: #cfe6e9;
    color: #8cb6c7;
    border - color: #8cb6c7
}.page#page - team - show.projects.project.folder.c6,
.page#page - team - show.projects.project.folder.c6,
.page#page - team - show.badge - settings.c6,
.page#page - team - show.badge - settings.c6 {
    background - color: #cfd8e9;
    color: #8fa6d1;
    border - color: #8fa6d1
}.page#page - team - show.projects.project.folder.c7,
.page#page - team - show.projects.project.folder.c7,
.page#page - team - show.badge - settings.c7,
.page#page - team - show.badge - settings.c7 {
    background - color: #f0dce3;
    color: #dba8ba;
    border - color: #dba8ba
}.page#page - team - show.projects.project.folder.c8,
.page#page - team - show.projects.project.folder.c8,
.page#page - team - show.badge - settings.c8,
.page#page - team - show.badge - settings.c8 {
    background - color: #e3e3e3;
    color: #b9c0c7;
    border - color: #b9c0c7
}.page#page - team - show.projects.project.folder.i1.badge: after,
.page#page - team - show.badge - settings.i1.badge: after {
    content: "A"
}.page#page - team - show.projects.project.folder.i2.badge: after,
.page#page - team - show.badge - settings.i2.badge: after {
    content: "B"
}.page#page - team - show.projects.project.folder.i3.badge: after,
.page#page - team - show.badge - settings.i3.badge: after {
    content: "C"
}.page#page - team - show.projects.project.folder.i4.badge: after,
.page#page - team - show.badge - settings.i4.badge: after {
    content: "D"
}.page#page - team - show.projects.project.folder.i5.badge: after,
.page#page - team - show.badge - settings.i5.badge: after {
    content: "E"
}.page#page - team - show.projects.project.folder.i6.badge: after,
.page#page - team - show.badge - settings.i6.badge: after {
    content: "F"
}.page#page - team - show.projects.project.folder.i7.badge: after,
.page#page - team - show.badge - settings.i7.badge: after {
    content: "G"
}.page#page - team - show.projects.project.folder.i8.badge: after,
.page#page - team - show.badge - settings.i8.badge: after {
    content: "H"
}.page#page - team - show.projects.project.folder.i9.badge: after,
.page#page - team - show.badge - settings.i9.badge: after {
    content: "I"
}.page#page - team - show.projects.project.folder.i10.badge: after,
.page#page - team - show.badge - settings.i10.badge: after {
    content: "J"
}.page#page - todo.topic {
    border - bottom: 1px solid#ddd;
    padding: 0 0 30px 0;
    margin: 20px 0 30px;
    width: 800px
}.page#page - todo.topic.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 0 0 20px 0
}.page#page - todo.topic.project - info a {
    color: #aaaaaa
}.page#page - todo.topic.project - info a: hover {
    color: #4298ba
}.page#page - todo.topic.todolist {
    padding: 0;
    margin: 0
}.page#page - todo.topic.todo.runner.on {
    height: 19px
}.page#page - todo.topic.todo.todo - content {
    font - size: 20px
}.page#page - todo.topic.todo.todo - content a {
    display: none
}.page#page - todo.topic.todo.todo - content span {
    display: inline
}.page#page - todo.topic.todo.completed.todo - content a: hover,
.page#page - todo.topic.todo.completed.todo - content span {
    color: #999
}.page#page - todo.topic.todo a.comments - count {
    display: none
}.page#page - todo.topic.todo span.comments - count {
    display: none;
    cursor: default
}.page#page - todo.topic.todo span.comments - count: hover {
    color: #999
}.page#page - todo.topic.todo.actions {
    top: 5px
}.page#page - todo.topic.todo input[type = checkbox] {
    margin - top: -8px
}.page#page - todo.topic.todo - form input[type = checkbox] {
    margin - top: 10px
}.page#page - todo.topic.todo - form.form textarea {
    width: 740px
}.page#page - todo.history {
    color: #999
}.page#page - todo.history h4 {
    margin - bottom: 10px;
    font - size: 14px;
    font - weight: bold
}.page#page - todo.history.activity {
    font - size: 12px
}.page#page - todo.history.activity a {
    color: #999
}.page#page - todo.history.activity.time,
.page#page - todo.history.activity.sp,
.page#page - todo.history.activity.target,
.page#page - todo.history.activity.member {
    display: none
}.page#page - todo.history.activity.todo_content_changed.target,
.page#page - todo.history.activity.todo_content_changed.sp {
    display: inline
}.page#page - todo.history.activity.action {
    display: inline;
    margin - left: 5px
}.page#page - todo.history.activity.action.title {
    display: inline
}.page#page - todo.history.activity.action.title a {
    margin: 0 2px
}.page#page - todolist.todos - all {
    margin - top: 20px
}.page#page - todolist.todos - all.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 0 0 20px 0
}.page#page - todolist.todos - all.project - info a {
    color: #aaaaaa
}.page#page - todolist.todos - all.project - info a: hover {
    color: #4298ba
}.page#page - completed - todos#select - member,
.page#page - member - completed - todos#select - member {
    position: relative;
    top: -4px;
    margin - left: 40px
}.page#page - completed - todos.main,
.page#page - member - completed - todos.main {
    padding - right: 40px
}.page#page - completed - todos.main h3,
.page#page - member - completed - todos.main h3 {
    border - bottom: 1px solid#ddd;
    padding - bottom: 30px;
    margin - bottom: 0
}.page#page - completed - todos.day,
.page#page - member - completed - todos.day {
    padding - top: 20px;
    border - bottom: 1px solid#ddd; * zoom: 1
}.page#page - completed - todos.day: before,
.page#page - completed - todos.day: after,
.page#page - member - completed - todos.day: before,
.page#page - member - completed - todos.day: after {
    display: table;
    content: ""
}.page#page - completed - todos.day: after,
.page#page - member - completed - todos.day: after {
    clear: both
}.page#page - completed - todos.day.hd,
.page#page - member - completed - todos.day.hd {
    float: left;
    width: 100px;
    color: #999
}.page#page - completed - todos.day.hd.m - d,
.page#page - member - completed - todos.day.hd.m - d {
    font - size: 20px
}.page#page - completed - todos.day.hd.w,
.page#page - member - completed - todos.day.hd.w {
    font - size: 12px
}.page#page - completed - todos.day.bd,
.page#page - member - completed - todos.day.bd {
    margin - left: 140px
}.page#page - completed - todos.day.bd.name,
.page#page - member - completed - todos.day.bd.name {
    font - size: 12px;
    line - height: 2.5
}.page#page - completed - todos.day.bd.name a,
.page#page - member - completed - todos.day.bd.name a {
    color: #999
}.page#page - completed - todos.day.bd.name a: hover,
.page#page - member - completed - todos.day.bd.name a: hover {
    color: #0f769f
}.page#page - completed - todos.day.bd.list,
.page#page - member - completed - todos.day.bd.list {
    width: 600px;
    margin - bottom: 20px
}.page#page - completed - todos.day.bd.list li,
.page#page - member - completed - todos.day.bd.list li {
    position: relative;
    padding: 2px 0 2px 20px;
    font - size: 14px;
    word - 
    break: break - all;
    word - wrap: break - word
}.page#page - completed - todos.day.bd.list li a,
.page#page - member - completed - todos.day.bd.list li a {
    color: #000
}.page#page - completed - todos.day.bd.list li a: hover,
.page#page - member - completed - todos.day.bd.list li a: hover {
    color: #0f769f
}.page#page - completed - todos.day.bd.list li small,
.page#page - member - completed - todos.day.bd.list li small {
    font - size: 12px;
    margin - left: 10px
}.page#page - completed - todos.day.bd.list li small a,
.page#page - member - completed - todos.day.bd.list li small a {
    color: #999
}.page#page - completed - todos.day.bd.list li: before,
.page#page - member - completed - todos.day.bd.list li: before {
    position: absolute;
    left: 0;
    content: "\2714";
    color: #bbcfb5;
    font - weight: normal;
    padding - right: 5px
}.page#page - invite.invite - item {
    margin - bottom: 5px
}.page#page - invite.invite - item.invite - email {
    display: inline - block;
    margin - right: 10px
}.page#page - invite.invite - item.del - invite {
    font - size: 12px;
    color: #999;
    display: none
}.page#page - invite.invite - item.del - invite: hover {
    color: #0f769f
}.page#page - invite.invite - item.error {
    margin - bottom: 8px
}.page#page - invite.invite - item: hover.del - invite {
    display: inline
}.page#page - invite.add - invite - wrap {
    margin - top: 10px;
    font - size: 12px
}.page#page - invite.link - invite - message {
    font - size: 12px;
    margin - left: 2px
}.page#page - invite.proj - in.form - field {
    margin - left: 2px;
    padding: 5px 0 10px; * zoom: 1
}.page#page - invite.proj - in.form - field: before,
.page#page - invite.proj - in.form - field: after {
    display: table;
    content: ""
}.page#page - invite.proj - in.form - field: after {
    clear: both
}.page#page - invite.proj - in.form - field label {
    display: block;
    float: left;
    font - size: 14px;
    width: 230px;
    height: 24px;
    margin - right: 20px;
    overflow: hidden
}.page#page - invite.select - all {
    margin - left: 10px;
    font - size: 12px;
    color: #ccc
}.page#page - invite.select - all a {
    color: #999
}.page#page - invite.select - all a: hover {
    text - decoration: underline
}.topbar {
    width: 660px;
    margin: 0 auto;
    padding: 40px 0; * zoom: 1
}.topbar: before,
.topbar: after {
    display: table;
    content: ""
}.topbar: after {
    clear: both
}.topbar.logo {
    float: left
}.topbar.logo a {
    background: url(logo - dark.png) no - repeat 0 0;
    display: block;
    width: 124px;
    height: 26px;
    overflow: hidden;
    text - indent: -9999px
}.page#page - 404,
.page#page - 403,
.page#page - 500 {
    width: 660px;
    margin: 0 auto
}.page#page - 404.content,
.page#page - 403.content,
.page#page - 500.content {
    margin: 30px 0 0 0;
    text - align: center; - webkit - text - shadow: 0 1px 0px#fff; - moz - text - shadow: 0 1px 0px#fff;
    text - shadow: 0 1px 0px#fff
}.page#page - 404.content.error - title,
.page#page - 403.content.error - title,
.page#page - 500.content.error - title {
    color: #333;
    font - size: 30px;
    line - height: 2;
    font - weight: 400
}.page#page - 404.content.error - title b,
.page#page - 403.content.error - title b,
.page#page - 500.content.error - title b {
    font - size: 45px;
    padding: 0 6px;
    color: #555;
    position: relative;
    top: 10px
}.page#page - 404.content.error - desc,
.page#page - 403.content.error - desc,
.page#page - 500.content.error - desc {
    color: #777;
    font - size: 20px
}.page#page - todolist.todos - all {
    margin - top: 20px
}.page#page - todolist.todos - all.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 0 0 20px 0
}.page#page - todolist.todos - all.project - info a {
    color: #aaaaaa
}.page#page - todolist.todos - all.project - info a: hover {
    color: #4298ba
}.page#page - stats h3 {
    font - size: 20px;
    line - height: 20px;
    color: #666;
    font - weight: normal;
    margin: 40px 0 20px 0;
    padding: 0 0 0 40px
}.page#page - stats table {
    max - width: 100 % ;
    background - color: transparent;
    border - collapse: collapse;
    border - spacing: 0
}.page#page - stats table th {
    font - weight: bold;
    font - size: 16px
}.page#page - stats div.charts {
    border - top: 1px solid#fff
}.page#page - stats div.charts.chart {
    padding: 0 30px 0 0
}.page#page - notification - settings.form {
    padding: 0 0 0 5px
}.page#page - notification - settings.form.form - item {
    margin - bottom: 10px
}.page#page - notification - settings.form.form - item h4 {
    margin: 30px 0 0 0;
    font - size: 14px;
    font - weight: bold;
    color: #000000
}.page#page - notification - settings.form.form - item.desc {
    font - size: 14px;
    color: #999999;
    margin: 5px 0 12px 0
}.page#page - notification - settings.form.form - item.desc.info {
    font - size: 12px
}.page#page - notification - settings.form.form - item.desc a {
    color: #999999
}.page#page - notification - settings.form.form - item.desc a: hover {
    color: #4298ba
}.page#page - notification - settings.form.form - item label {
    float: left;
    font - size: 14px;
    color: #000000;
    cursor: pointer
}.page#page - notification - settings.form.form - item label input {
    margin: 0 8px 0 0;
    position: relative;
    top: -1px
}.page#page - notification - settings.form.form - item label em {
    font - weight: bold;
    margin: 0 2px
}.page#page - notification - settings.form.form - item.option {
    line - height: 20px;
    margin: 5px 0 0 0; * zoom: 1
}.page#page - notification - settings.form.form - item.option: before,
.page#page - notification - settings.form.form - item.option: after {
    display: table;
    content: ""
}.page#page - notification - settings.form.form - item.option: after {
    clear: both
}.page#page - notification - settings.form.form - item.option.select - shortcut,
.page#page - notification - settings.form.form - item.option.choose - project {
    display: block;
    float: left;
    font - size: 12px;
    color: #cccccc;
    margin: 0 0 0 5px
}.page#page - notification - settings.form.form - item.option.select - shortcut.hide,
.page#page - notification - settings.form.form - item.option.choose - project.hide {
    display: none
}.page#page - notification - settings.form.form - item.option.select - shortcut a,
.page#page - notification - settings.form.form - item.option.choose - project a {
    color: #999999
}.page#page - notification - settings.form.form - item.option.select - shortcut a: hover,
.page#page - notification - settings.form.form - item.option.choose - project a: hover {
    text - decoration: underline
}.page#page - notification - settings.form.form - item.option.project - list {
    display: block;
    clear: both;
    padding: 5px 50px 0 20px; * zoom: 1
}.page#page - notification - settings.form.form - item.option.project - list: before,
.page#page - notification - settings.form.form - item.option.project - list: after {
    display: table;
    content: ""
}.page#page - notification - settings.form.form - item.option.project - list: after {
    clear: both
}.page#page - notification - settings.form.form - item.option.project - list.hide {
    display: none
}.page#page - notification - settings.form.form - item.option.project - list label {
    display: block;
    width: 200px;
    color: #666666;
    margin: 0 20px 0 0;
    line - height: 25px;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}.page#page - notifications.page - title { * zoom: 1
}.page#page - notifications.page - title: before,
.page#page - notifications.page - title: after {
    display: table;
    content: ""
}.page#page - notifications.page - title: after {
    clear: both
}.page#page - notifications.page - title h3 {
    float: left
}.page#page - notifications.page - title a {
    float: right;
    margin - top: 36px;
    font - size: 12px
}.page#page - notifications.notification {
    width: 520px;
    position: absolute;
    top: 25px;
    left: 50 % ;
    margin: 0 0 0 - 260px
}#page - attachments.folders {
    margin: 30px 0 20px 0; * zoom: 1
}#page - attachments.folders: before,
#page - attachments.folders: after {
    display: table;
    content: ""
}#page - attachments.folders: after {
    clear: both
}#page - attachments.folders.link - folder {
    display: block;
    float: left;
    font - size: 12px;
    line - height: 12px;
    padding: 6px 10px 5px 10px;
    margin: 0 20px 10px 0;
    background: #f3f3f3;
    color: #666666;
    border: 1px solid transparent;
    text - align: center; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px
}#page - attachments.folders.link - folder: hover {
    border: 1px solid#ccc
}#page - attachments.folders.link - folder span {
    display: none
}#page - attachments.day {
    padding - top: 20px;
    border - top: 1px solid#ddd; * zoom: 1
}#page - attachments.day: before,
#page - attachments.day: after {
    display: table;
    content: ""
}#page - attachments.day: after {
    clear: both
}#page - attachments.day.hd {
    float: left;
    width: 100px;
    color: #999
}#page - attachments.day.hd.m - d {
    font - size: 20px
}#page - attachments.day.hd.w {
    font - size: 12px
}#page - attachments.day.bd {
    margin - left: 140px
}#page - attachments.day.bd.file - list {
    margin - bottom: 20px
}.page#page - file.topic {
    border - bottom: 1px solid#ddd;
    padding: 0 0 30px 0;
    margin: 20px 0 30px;
    width: 800px
}.page#page - file.topic.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 0 0 20px 0
}.page#page - file.topic.project - info a {
    color: #aaaaaa
}.page#page - file.topic.project - info a: hover {
    color: #4298ba
}.page#page - file.topic.upload { * zoom: 1
}.page#page - file.topic.upload: before,
.page#page - file.topic.upload: after {
    display: table;
    content: ""
}.page#page - file.topic.upload: after {
    clear: both
}.page#page - file.topic.upload.upload - subject {
    overflow: hidden;
    margin - bottom: 10px
}.page#page - file.topic.upload h3 {
    float: left;
    color: #000;
    font - size: 20px;
    font - weight: 500;
    margin: 0;
    white - space: nowrap;
    text - overflow: ellipsis;
    overflow: hidden;
    max - width: 600px
}.page#page - file.topic.upload.upload - actions {
    float: right;
    margin - top: 3px
}.page#page - file.topic.upload.upload - actions a {
    font - size: 12px;
    color: #4298ba
}.page#page - file.topic.upload.upload - actions a: hover {
    color: #0f769f
}.page#page - file.topic.upload.avatar - wrap {
    float: left
}.page#page - file.topic.upload.upload - main {
    margin - left: 70px
}.page#page - file.topic.upload.upload - main.upload - content {
    margin: 20px 0 0 0
}.page#page - file.topic.upload.upload - main.upload - content.file - list.file.file - thumb {
    width: auto
}.page#page - file.topic.upload.upload - main.author {
    font - size: 14px;
    font - weight: bold;
    color: #000
}.page#page - file.topic.upload.upload - main.author: hover {
    color: #0f769f
}.page#page - file.topic.upload.upload - main.create - time {
    font - size: 12px;
    color: #887
}.page#page - file.topic.upload.upload - main.attachment.image {
    max - height: 150px;
    min - height: 24px;
    max - width: 410px;
    min - width: 30px;
    border: 1px solid#ccc;
    background: #fff;
    padding: 1px
}.page#page - file.history {
    color: #999
}.page#page - file.history h4 {
    margin - bottom: 10px;
    font - size: 14px;
    font - weight: bold
}.page#page - file.history.activity {
    font - size: 12px
}.page#page - file.history.activity a {
    color: #999
}.page#page - file.history.activity.time,
.page#page - file.history.activity.sp,
.page#page - file.history.activity.target,
.page#page - file.history.activity.member {
    display: none
}.page#page - file.history.activity.reply {
    display: inline
}.page#page - file.history.activity.reply.reply - content {
    display: none
}.page#page - file.history.activity.reply.title {
    display: inline
}.page#page - file.history.activity.action {
    display: inline;
    margin: 0
}.page#page - file.history.activity.action.title {
    display: inline
}.page#page - file.history.activity.action.title a {
    margin: 0 2px
}.yen {
    font - family: "Microsoft Yahei",
    "SimHei",
    Helvetica,
    Arial;
    margin - right: 5px
}.price {
    font - family: "Helvetica Neue",
    Helvetica,
    arial
}.page#page - plans h3 span {
    margin - left: 15px;
    font - size: 14px;
    color: #777
}.page#page - plans.select - wrap {
    width: 747px;
    margin: 0 auto
}.page#page - plans p.desc {
    margin - top: 60px;
    color: #777;
    font - size: 14px
}.page#page - plans.plan - extra {
    width: 760px;
    text - align: center;
    padding - top: 50px;
    background: url(icon - add.png) center 20px no - repeat
}.page#page - plans.plan - extra select {
    font - size: 20px;
    padding: 3px 5px
}.page#page - plans.plan - list {
    margin - top: 60px;
    line - height: 1;
    text - align: center; * zoom: 1
}.page#page - plans.plan - list: before,
.page#page - plans.plan - list: after {
    display: table;
    content: ""
}.page#page - plans.plan - list: after {
    clear: both
}.page#page - plans.plan - list li {
    cursor: pointer;
    background - color: #e4f4f5;
    background - repeat: no - repeat;
    float: left;
    width: 160px;
    padding: 15px 0;
    height: 145px;
    margin - right: 25px;
    border: 4px solid#c0d3ce;
    color: #94aca6;
    position: relative; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px
}.page#page - plans.plan - list li.air - 0 {
    background - image: url(plan - air - 0.png);
    background - position: center 120px;
    margin - right: 0
}.page#page - plans.plan - list li.air - 0.price - wrap {
    position: relative
}.page#page - plans.plan - list li.air - 0.price - wrap.line {
    border - top: 2px solid#596f6a;
    display: block;
    position: absolute;
    top: 50 % ;
    width: 70 % ;
    left: 24px
}.page#page - plans.plan - list li.air - 1 {
    background - image: url(plan - air - 1.png);
    background - position: center 92px
}.page#page - plans.plan - list li.air - 2 {
    background - image: url(plan - air - 2.png);
    background - position: center 90px
}.page#page - plans.plan - list li.air - 3 {
    background - image: url(plan - air - 3.png);
    background - position: center 90px
}.page#page - plans.plan - list li: hover {
    background - color: #F2F5F5
}.page#page - plans.plan - list.price - wrap {
    display: block;
    font - size: 24px;
    margin: 10px
}.page#page - plans.plan - list.price - wrap.yen {
    font - size: 30px
}.page#page - plans.plan - list.price - wrap.price {
    font - size: 36px
}.page#page - plans.plan - list.onsale {
    display: block;
    font - size: 18px;
    font - weight: bold;
    color: #fc4700;
    margin - top: 10px
}.page#page - plans.plan - list.onsale.yen {
    font - size: 18px;
    margin: 0 2px;
    position: relative;
    top: 1px
}.page#page - plans.plan - list.onsale.price {
    font - size: 20px
}.page#page - plans.plan - list.selected - icon {
    position: absolute;
    left: 50 % ;
    margin - left: -22.5px;
    bottom: -21px;
    display: none;
    width: 45px;
    height: 42px;
    background: url(icon - selected - plan.png) 0 0 no - repeat
}.page#page - plans.plan - list.desc {
    font - size: 14px
}.page#page - plans.plan - list li.selected {
    border - color: #e88e1a;
    background - color: #fff38f;
    color: #e27500
}.page#page - plans.plan - list li.selected.selected - icon {
    display: block
}.page#page - plans.plan - list li.selected.air - 0 {
    background - image: url(plan - air - 0 - selected.png)
}.page#page - plans.plan - list li.selected.air - 0.price - wrap.line {
    border - color: #ab6b19
}.page#page - plans.plan - list li.selected.air - 1 {
    background - image: url(plan - air - 1 - selected.png)
}.page#page - plans.plan - list li.selected.air - 2 {
    background - image: url(plan - air - 2 - selected.png)
}.page#page - plans.plan - list li.selected.air - 3 {
    background - image: url(plan - air - 3 - selected.png)
}.page#page - plans.plan - declare {
    margin - top: 20px;
    text - align: center
}.page#page - plans.selected - plan {
    text - align: center;
    margin - top: 10px;
    padding: 20px 30px;
    font - size: 14px;
    color: #555
}.page#page - plans.selected - plan.tips - wrap {
    height: 50px;
    margin - bottom: 20px
}.page#page - plans.selected - plan.tips - wrap#tips {
    display: inline - block;
    margin - bottom: 0
}.page#page - plans.selected - plan.btn - choose {
    font - size: 20px;
    margin: 0;
    padding: 12px 20px
}.page#page - plans.selected - plan table {
    width: 100 % 
}.page#page - plans.selected - plan td {
    vertical - align: middle
}.page#page - plans.selected - plan td.last {
    text - align: right
}.page#page - plans.plan - include {
    text - align: center;
    margin - top: 40px
}.page#page - plans.plan - include h5 {
    text - align: center;
    color: #777;
    margin - bottom: 15px
}.page#page - plans.plan - include ul {
    display: inline - block
}.page#page - plans.plan - include ul li {
    display: inline - block;
    line - height: 25px;
    height: 25px;
    padding - left: 30px;
    margin: 0 20px;
    color: #999;
    font - size: 12px;
    background: url(icon - plan - include.png) 0 0 no - repeat
}.page#page - plans.plan - include ul.icon - ssl {
    background - position: 0 0
}.page#page - plans.plan - include ul.icon - sync {
    background - position: 0 - 25px
}.page#page - plans.plan - include ul.icon - members {
    background - position: 0 - 50px
}.page#page - plans.plan - include ul.icon - backup {
    background - position: 0 - 75px
}.page#page - plans.plan - include ul.icon - fast {
    background - position: 0 - 100px
}.page#page - plans.plan - include ul.icon - archive {
    background - position: 0 - 125px
}.page#page - plans.plan - include ul.icon - storage {
    background - position: 0 - 150px
}.page#page - plans.team - projects ul {
    margin: 0 0 10px; * zoom: 1
}.page#page - plans.team - projects ul: before,
.page#page - plans.team - projects ul: after {
    display: table;
    content: ""
}.page#page - plans.team - projects ul: after {
    clear: both
}.page#page - plans.team - projects ul li {
    padding: 10px 0;
    vertical - align: middle;
    color: #ccc;
    width: 243px;
    float: left
}.page#page - plans.team - projects ul li.col - 0 {
    border - right: 1px solid#ddd
}.page#page - plans.team - projects ul li.col - 1 {
    border - right: 1px solid#ddd
}.page#page - plans.team - projects ul li.name {
    overflow: hidden;
    text - overflow: ellipsis;
    white - space: nowrap;
    color: #666;
    font - size: 16px;
    line - height: 25px;
    float: left;
    width: 170px;
    margin - left: 18px
}.page#page - plans.team - projects ul li.avatar {
    float: right;
    width: 25px;
    height: 25px;
    margin: 0 20px 0 0
}.page#page - alipay - success.plan - success - wrap {
    background: url(alipay - success.png) right 0 no - repeat;
    width: 626px;
    padding - top: 346px;
    margin: 100px auto;
    line - height: 1;
    text - align: center
}.page#page - alipay - success.plan - success - wrap h3 {
    font - size: 30px;
    margin: 0 0 15px;
    color: #579a21
}.page#page - alipay - success.plan - success - wrap p {
    font - size: 16px;
    color: #555;
    line - height: 1.5
}.page#page - alipay - success.plan - success - wrap p.back {
    font - size: 12px;
    margin - top: 20px
}.page#page - plan - success.plan - success - wrap,
.page#page - brohao - success.plan - success - wrap {
    background: url(plan - success.png) 0 20px no - repeat;
    padding: 20px 0 20px 120px;
    width: 600px;
    margin: 150px auto;
    line - height: 1
}.page#page - plan - success.plan - success - wrap h3,
.page#page - brohao - success.plan - success - wrap h3 {
    font - size: 24px;
    color: #579a21;
    margin: 0 0 15px
}.page#page - plan - success.plan - success - wrap p,
.page#page - brohao - success.plan - success - wrap p {
    font - size: 16px;
    color: #555;
    line - height: 1.5
}.page#page - plan - success.plan - success - wrap p.back,
.page#page - brohao - success.plan - success - wrap p.back {
    font - size: 12px;
    margin - top: 20px
}.page#page - brohao - success.plan - success - wrap {
    width: 400px
}.page#page - charge h3 {
    margin - bottom: 50px
}.page#page - charge.brohao - confirm.haopay - bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 167px;
    height: 267px;
    background: url(haopay - bg.jpg) top left no - repeat
}.page#page - charge.brohao - confirm h3 {
    margin - bottom: 20px
}.page#page - charge.pay - methods - wrap {
    width: 720px;
    margin: 0 auto
}.page#page - charge.charge - list {
    margin: 100px auto 20px;
    padding - left: 40px;
    width: 832px; * zoom: 1
}.page#page - charge.charge - list: before,
.page#page - charge.charge - list: after {
    display: table;
    content: ""
}.page#page - charge.charge - list: after {
    clear: both
}.page#page - charge.charge - list.charge - item {
    cursor: pointer;
    background - color: #e4f4f5;
    background - repeat: no - repeat;
    float: left;
    width: 160px;
    height: 85px;
    margin - right: 40px;
    border: 4px solid#c0d3ce;
    color: #94aca6;
    position: relative; - moz - border - radius: 10px; - webkit - border - radius: 10px;
    border - radius: 10px;
    text - align: center;
    padding: 15px 0;
    line - height: 1
}.page#page - charge.charge - list.charge - item h6 {
    font - size: 18px;
    margin - bottom: 15px
}.page#page - charge.charge - list.charge - item.charge - gift {
    position: absolute;
    z - index: 99;
    top: -20px;
    right: -20px;
    background: url(charge - gift.png) right 0 no - repeat;
    width: 67px;
    height: 60px;
    color: #fff;
    font - style: italic
}.page#page - charge.charge - list.charge - item.charge - gift span {
    display: block;
    padding: 8px 0 0;
    font - size: 14
}.page#page - charge.charge - list.charge - item.charge - gift.yen {
    font - size: 17px;
    margin: 0
}.page#page - charge.charge - list.charge - item.charge - gift.price {
    font - size: 24px;
    font - style: italic
}.page#page - charge.charge - list.charge - item.price - wrap {
    display: block;
    font - size: 24px
}.page#page - charge.charge - list.charge - item.price - wrap.yen {
    font - size: 20px
}.page#page - charge.charge - list.charge - item.price - wrap.price {
    font - size: 36px
}.page#page - charge.charge - list.charge - item.selected - icon {
    position: absolute;
    left: 50 % ;
    margin - left: -22.5px;
    bottom: -21px;
    display: none;
    width: 45px;
    height: 42px;
    background: url(icon - selected - plan.png) 0 0 no - repeat
}.page#page - charge.charge - list.charge - item.selected {
    border - color: #e88e1a;
    background - color: #fff38f;
    color: #e27500
}.page#page - charge.charge - list.charge - item.selected.selected - icon {
    display: block
}.page#page - charge.bill - confirm {
    padding: 20px 0 15px;
    margin: 0 auto;
    width: 620px;
    border: 1px solid#ecdfb5;
    background - color: #faf9e4; * zoom: 1
}.page#page - charge.bill - confirm: before,
.page#page - charge.bill - confirm: after {
    display: table;
    content: ""
}.page#page - charge.bill - confirm: after {
    clear: both
}.page#page - charge.bill - confirm.yen {
    margin: 0
}.page#page - charge.bill - confirm p {
    float: left;
    margin - left: 40px;
    color: #777
}.page#page - charge.bill - confirm p.pay - plan {
    clear: left
}.page#page - charge.bill - confirm p.item {
    display: inline - block;
    margin - right: 25px
}.page#page - charge.bill - confirm p em {
    color: #444
}.page#page - charge.bill - confirm p.price - wrap {
    color: #e85d00;
    font - size: 28px;
    font - weight: bold
}.page#page - charge.bill - confirm p.price - wrap.yen {
    font - size: 22px
}.page#page - charge.section {
    margin: 40px 0;
    color: #333;
    font - size: 14px;
    line - height: 1.8
}.page#page - charge.section h4 {
    font - size: 18px;
    color: #333;
    margin: 0 0 30px 0;
    line - height: 1
}.page#page - charge.section p.desc {
    color: #666
}.page#page - charge.section b {
    font - weight: bold
}.page#page - charge.section.account {
    padding: 0 40px 0 0;
    width: 832px;
    margin: 0 auto;
    text - align: right
}.page#page - charge.pay - methods {
    padding - bottom: 100px; * zoom: 1
}.page#page - charge.pay - methods: before,
.page#page - charge.pay - methods: after {
    display: table;
    content: ""
}.page#page - charge.pay - methods: after {
    clear: both
}.page#page - charge.pay - methods h4 {
    font - size: 18px;
    color: #333
}.page#page - charge.pay - methods.alipay,
.page#page - charge.pay - methods.brohao {
    float: left;
    margin - top: 20px;
    width: 360px;
    text - align: center
}.page#page - charge.pay - methods.alipay p,
.page#page - charge.pay - methods.brohao p {
    color: #555;
    font - size: 14px;
    margin - bottom: 20px
}.page#page - charge.pay - methods.alipay.btn,
.page#page - charge.pay - methods.brohao.btn {
    margin: 0;
    padding: 8px 80px
}.page#page - payment - history.history - receipt {
    margin - top: 30px
}.page#page - payment - history.history - receipt span {
    color: #777
}.page#page - payment - history.history - records {
    background: #f7f4c1 url(icon - notebook - circle.png) repeat - y 15px 10px;
    width: 800px;
    padding: 40px 20px 40px 60px; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px; - webkit - box - shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - moz - box - shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    box - shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
}.page#page - payment - history.history - records table {
    width: 100 % 
}.page#page - payment - history.history - records table th {
    text - align: left;
    padding: 8px 10px
}.page#page - payment - history.history - records table td {
    padding: 8px 10px;
    font - size: 14px;
    color: #666;
    border - top: 1px solid#e6e18c
}.page#page - payment - history.history - records table td.waiting {
    color: #ee6500
}.page#page - payment - history.history - records table td.finish {
    color: green
}.page#page - payment - history.history - records table.r {
    text - align: right
}.page#page - payment - history.form - receipt.form - item,
.page#page - payment - history.form - edit - receipt.form - item { * zoom: 1
}.page#page - payment - history.form - receipt.form - item: before,
.page#page - payment - history.form - receipt.form - item: after,
.page#page - payment - history.form - edit - receipt.form - item: before,
.page#page - payment - history.form - edit - receipt.form - item: after {
    display: table;
    content: ""
}.page#page - payment - history.form - receipt.form - item: after,
.page#page - payment - history.form - edit - receipt.form - item: after {
    clear: both
}.page#page - payment - history.form - receipt.form - item label,
.page#page - payment - history.form - edit - receipt.form - item label {
    float: left;
    width: 100px;
    margin - top: 10px
}.page#page - payment - history.form - receipt.form - item.form - field,
.page#page - payment - history.form - edit - receipt.form - item.form - field {
    float: left
}.page#page - payment - history.form - receipt.form - item.receive - option,
.page#page - payment - history.form - edit - receipt.form - item.receive - option {
    margin - top: 10px
}.page#page - payment - history.form - receipt.form - item.desc,
.page#page - payment - history.form - edit - receipt.form - item.desc {
    clear: left;
    margin - left: 103px;
    padding - top: 3px
}.page#page - payment - history.form - receipt#receipt - address,
.page#page - payment - history.form - edit - receipt#receipt - address {
    width: 500px
}.page#page - payment - history.form - receipt.receipt - explain,
.page#page - payment - history.form - edit - receipt.receipt - explain {
    margin - top: 30px;
    font - size: 12px;
    color: #777;
    list - style: inside
}.page#page - payment - history.apply - success - desc {
    margin - bottom: 30px
}.page#page - folder.project - info {
    font - size: 12px;
    color: #aaaaaa;
    margin: 20px 0 20px 0
}.page#page - folder.project - info a {
    color: #aaaaaa
}.page#page - folder.project - info a: hover {
    color: #4298ba
}.page#page - folder.folder - name {
    display: inline - block;
    font - size: 14px;
    line - height: 14px;
    padding: 6px 10px 5px 10px;
    margin: 0 6px;
    background: #f3f3f3;
    color: #666666; - moz - border - radius: 4px; - webkit - border - radius: 4px;
    border - radius: 4px;
    position: relative;
    top: -2px
}.page#page - folder.link - delete - label {
    float: right;
    font - size: 12px
}.page#page - folder.day {
    padding - top: 20px;
    border - top: 1px solid#ddd; * zoom: 1
}.page#page - folder.day: before,
.page#page - folder.day: after {
    display: table;
    content: ""
}.page#page - folder.day: after {
    clear: both
}.page#page - folder.day.hd {
    float: left;
    width: 100px;
    color: #999
}.page#page - folder.day.hd.m - d {
    font - size: 20px
}.page#page - folder.day.hd.w {
    font - size: 12px
}.page#page - folder.day.bd {
    margin - left: 140px
}.page#page - folder.day.bd.file - list {
    margin - bottom: 20px
}.page#page - folder.history {
    color: #999
}.page#page - folder.history h4 {
    margin - bottom: 10px;
    font - size: 14px;
    font - weight: bold
}.page#page - folder.history.activity {
    font - size: 12px
}.page#page - folder.history.activity a {
    color: #999
}.page#page - folder.history.activity.time,
.page#page - folder.history.activity.sp,
.page#page - folder.history.activity.target,
.page#page - folder.history.activity.member {
    display: none
}.page#page - folder.history.activity.todo_content_changed.target,
.page#page - folder.history.activity.todo_content_changed.sp {
    display: inline
}.page#page - folder.history.activity.action {
    display: inline;
    margin - left: 5px
}.page#page - folder.history.activity.action.title {
    display: inline
}.page#page - folder.history.activity.action.title a {
    margin: 0 2px
}.page#page - trash {
    background: #fff url(/assets/trash - icon - single - c605028445b4ba5ec2afb003a3ccff34.png) no - repeat right bottom
}.page#page - trash.title {
    margin - bottom: 30px
}.page#page - trash.title h3 {
    margin - bottom: 5px
}.page#page - trash.title.desc {
    color: #999;
    font - size: 14px
}.page#page - trash.day {
    padding - top: 20px;
    border - top: 1px solid#ddd;
    word - 
    break: break - all;
    word - wrap: break - word; * zoom: 1
}.page#page - trash.day: before,
.page#page - trash.day: after {
    display: table;
    content: ""
}.page#page - trash.day: after {
    clear: both
}.page#page - trash.day.hd {
    float: left;
    width: 100px;
    color: #999
}.page#page - trash.day.hd.m - d {
    font - size: 20px
}.page#page - trash.day.hd.w {
    font - size: 12px
}.page#page - trash.day.bd {
    margin: 0 0 20px 140px;
    font - size: 14px
}.page#page - trash.day.bd.trash - item {
    padding: 5px 0;
    line - height: 1.5
}.page#page - trash.day.bd.time {
    display: inline - block;
    float: left;
    line - height: 21px;
    color: #bbcfb5;
    font - size: 12px
}.page#page - trash.day.bd.txt {
    display: inline - block;
    max - width: 600px;
    margin - left: 20px
}.page#page - trash.day.bd.member a {
    font - weight: bold;
    color: #000
}.page#page - apply - free h3 {
    font - size: 22px;
    text - align: left
}.page#page - apply - free.center - box {
    width: 600px
}.page#page - apply - free.attachment {
    font - size: 12px;
    margin - bottom: 5px
}.page#page - apply - free.btn - add - attach {
    font - size: 12px
}.page[data - archived]#page - folder.link - delete - label,
.page[data - locked]#page - folder.link - delete - label,
.page[data - deleted]#page - folder.link - delete - label {
    display: none
}.page[data - archived]#page - attachments.btn - add - files,
.page[data - locked]#page - attachments.btn - add - files,
.page[data - deleted]#page - attachments.btn - add - files {
    display: none
}.page[data - archived]#page - message.message.message - actions,
.page[data - locked]#page - message.message.message - actions,
.page[data - deleted]#page - message.message.message - actions {
    display: none
}.page[data - archived]#page - project.btn - new - discussion,
.page[data - archived]#page - project.btn - new - todolist,
.page[data - archived]#page - project.btn - upload - file,
.page[data - archived]#page - project.trash,
.page[data - locked]#page - project.btn - new - discussion,
.page[data - locked]#page - project.btn - new - todolist,
.page[data - locked]#page - project.btn - upload - file,
.page[data - locked]#page - project.trash,
.page[data - deleted]#page - project.btn - new - discussion,
.page[data - deleted]#page - project.btn - new - todolist,
.page[data - deleted]#page - project.btn - upload - file,
.page[data - deleted]#page - project.trash {
    display: none
}.page[data - archived]#page - todolists.btn - new - todolist,
.page[data - locked]#page - todolists.btn - new - todolist,
.page[data - deleted]#page - todolists.btn - new - todolist {
    display: none
}.page[data - archived]#page - topics.editor - wrapper,
.page[data - locked]#page - topics.editor - wrapper,
.page[data - deleted]#page - topics.editor - wrapper {
    display: none
}.page[data - archived]#page - file.file.file - actions,
.page[data - locked]#page - file.file.file - actions,
.page[data - deleted]#page - file.file.file - actions {
    display: none
}.page[data - archived].file.link - label.no - label,
.page[data - locked].file.link - label.no - label,
.page[data - deleted].file.link - label.no - label {
    display: none
}.page[data - archived].file.links span,
.page[data - archived].file.links.link - delete,
.page[data - locked].file.links span,
.page[data - locked].file.links.link - delete,
.page[data - deleted].file.links span,
.page[data - deleted].file.links.link - delete {
    display: none
}.page[data - archived].comment.actions,
.page[data - locked].comment.actions,
.page[data - deleted].comment.actions {
    display: none
}.page[data - archived].comment.comment - form,
.page[data - locked].comment.comment - form,
.page[data - deleted].comment.comment - form {
    display: none
}.page[data - archived].todolist.todolist - actions,
.page[data - locked].todolist.todolist - actions,
.page[data - deleted].todolist.todolist - actions {
    display: none
}.page[data - archived].todolist.todo - new - wrap,
.page[data - locked].todolist.todo - new - wrap,
.page[data - deleted].todolist.todo - new - wrap {
    display: none
}.page[data - archived].todo.todo - actions,
.page[data - locked].todo.todo - actions,
.page[data - deleted].todo.todo - actions {
    display: none
}#page - features {
    background: url(/assets/new - feature - bg - a52922441a9332efcc031747b5d11afe.png) repeat;
    position: relative;
    border: none
}#page - features.feature - header {
    border - bottom: 6px solid#e4e3d9;
    padding - bottom: 20px
}#page - features.feature - header h1 {
    text - align: center;
    font - size: 40px;
    margin - top: 40px;
    color: #83a098
}#page - features.feature - header p {
    text - align: center;
    font - size: 20px;
    color: #999999
}#page - features.feature - dec {
    background: url(/assets/icon - feature - 94892331578638b4a29e9e2371a997fa.png) no - repeat;
    position: absolute;
    width: 122px;
    height: 122px;
    z - index: 999;
    right: -20px;
    top: 60px
}#page - features.feature {
    margin: 40px 160px 100px 60px
}#page - features.feature.label {
    width: 84px;
    height: 40px;
    background: url(/assets/date - bg - af27bc36bacf1623407eed699c85e5f6.png) no - repeat;
    position: absolute;
    left: -6px;
    color: #fff;
    font - size: 12px;
    font - family: Georgia,
    arial;
    padding: 8px 0 0 6px
}#page - features.feature h3 {
    margin: 20px 0;
    padding: 3px 0;
    font - size: 24px
}#page - features.feature p {
    color: #666666;
    margin: 5px 0px 10px 0;
    font - size: 15px;
    line - height: 160 % 
}#page - features.feature p img {
    margin - bottom: 10px
}#page - features.feature p h5 {
    display: block;
    font - weight: bold;
    color: #333;
    margin - top: 20px
}